親要素の状態に基づくスタイリング
親要素の状態に基づいて子要素をスタイリングしたいときは、親要素にgroupクラスをつけた上で、子要素にgroup-状態:任意のクラス名を指定する。
また、グループにはgroup/グループ名という形で名前をつけることができる。グループをネストする場合は、group-状態/グループ名:任意のクラス名という形にする。
親要素に指定されたセレクターに基づいて子要素をスタイリングしたいときは、group-[任意のセレクター]という形でクラスを指定する。
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state
兄弟要素の状態に基づくスタイリング
兄弟要素の状態に基づいて要素をスタイリングしたいときは、兄要素にpeerクラスをつけた上で、弟要素にpeer-状態:任意のクラス名を指定する（例:peer-invalid:bg-red-500）。
また、兄弟にはpeer/兄弟名という形で名前をつけることができる。兄弟名って何だ。でもピア名とするよりはましだ。複数の兄弟たちを使いわけたいときは、peer-状態/兄弟名:任意のクラス名という形にする。
兄要素に指定されたセレクターに基づいて子要素をスタイリングしたいときは、peer-[任意のセレクター]という形で兄弟名を指定する。
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-sibling-state
直下の子要素に対するスタイリング
直下の子要素のスタイルをまとめて指定したいときは、*:任意のクラス名という形を使う。これを指定すると、子要素にクラスを指定しても機能しない。注意したい。
なお、Tailwind CSSは、CSSの[継承プロパティ](
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#styling-direct-children
子孫の有無・状態に基づくスタイリング
子孫の有無に基づいて要素をスタイリングしたいときは、has-[セレクター]:任意のクラス名という形を使う。
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-descendants
グループの子孫の有無・状態に基づくスタイリング
グループに特定の子孫がいるかどうかに基づいてスタイリングしたいときは、親要素にgroup、対象の要素にgroup-has-[セレクター]:任意のクラス名を指定する。
兄弟要素の子孫の有無・状態に基づくスタイリング
兄弟要素の子孫の有無・状態に基づいてスタイリングしたいときは、兄要素にpeer、弟要素にpeer-has-[セレクター]:任意のクラス名を指定する。
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-the-descendants-of-a-peer
ユーザーアクション擬似クラスほか
| Modifier | CSS |
|---|---|
| hover | &:hover |
| focus | &:focus |
| focus-within | &:focus-within |
| focus-visible | &:focus-visible |
| active | &:active |
| visited | &:visited |
| target | &:target |
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#quick-reference
木構造擬似クラスほか
| Tailwind CSS | CSS |
|---|---|
| * | & > * |
| has | &:has |
| first | &:first-child |
| last | &:last-child |
| only | &:only-child |
| odd | &:nth-child(odd) |
| even | &:nth-child(even) |
| first-of-type | &:first-of-type |
| last-of-type | &:last-of-type |
| only-of-type | &:only-of-type |
| empty | &:empty |
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#quick-reference
入力擬似クラス
| Tailwind CSS | CSS |
|---|---|
| disabled | &:disabled |
| enabled | &:enabled |
| checked | &:checked |
| indeterminate | &:indeterminate |
| default | &:default |
| required | &:required |
| valid | &:valid |
| invalid | &:invalid |
| in-range | &:in-range |
| out-of-range | &:out-of-range |
| placeholder-shown | &:placeholder-shown |
| autofill | &:autofill |
| read-only | &:read-only |
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#quick-reference
擬似要素
| Tailwind CSS | CSS |
|---|---|
| before | &::before |
| after | &::after |
| first-letter | &::first-letter |
| first-line | &::first-line |
| marker | &::marker |
| selection | &::selection |
| file | &::file-selector-button |
| backdrop | &::backdrop |
| placeholder | &::placeholder |
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#quick-reference
メディアクエリ＆機能クエリ
| Tailwind CSS | CSS |
|---|---|
| sm | @media (min-width: 640px) |
| md | @media (min-width: 768px) |
| lg | @media (min-width: 1024px) |
| xl | @media (min-width: 1280px) |
| 2xl | @media (min-width: 1536px) |
| min-[…] | @media (min-width: …) |
| max-sm | @media not all and (min-width: 640px) |
| max-md | @media not all and (min-width: 768px) |
| max-lg | @media not all and (min-width: 1024px) |
| max-xl | @media not all and (min-width: 1280px) |
| max-2xl | @media not all and (min-width: 1536px) |
| max-[…] | @media (max-width: …) |
| dark | @media (prefers-color-scheme: dark) |
| portrait | @media (orientation: portrait) |
| landscape | @media (orientation: landscape) |
| motion-safe | @media (prefers-reduced-motion: no-preference) |
| motion-reduce | @media (prefers-reduced-motion: reduce) |
| contrast-more | @media (prefers-contrast: more) |
| contrast-less | @media (prefers-contrast: less) |
| @media print | |
| supports-[…] | @supports (…) |
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#quick-reference
ARIA属性ほか
| Tailwind CSS | CSS |
|---|---|
| aria-checked | &[aria-checked=“true”] |
| aria-disabled | &[aria-disabled=“true”] |
| aria-expanded | &[aria-expanded=“true”] |
| aria-hidden | &[aria-hidden=“true”] |
| aria-pressed | &[aria-pressed=“true”] |
| aria-readonly | &[aria-readonly=“true”] |
| aria-required | &[aria-required=“true”] |
| aria-selected | &[aria-selected=“true”] |
| aria-[…] | &[aria-…] |
| data-[…] | &[data-…] |
| rtl | [dir=“rtl”] & |
| ltr | [dir=“ltr”] & |
| open | &[open] |
参考元：
https://tailwindcss.com/docs/hover-focus-and-other-states#quick-reference
aspect ratio
| Tailwind CSS | CSS |
|---|---|
| aspect-auto | aspect-ratio: auto; |
| aspect-square | aspect-ratio: 1 / 1; |
| aspect-video | aspect-ratio: 16 / 9; |
container
| tailwind CSS | CSS |
|---|---|
| container |
None width: 100%; sm(640px) max-width: 640px; md(768px) max-width: 768px; lg(1024px) max-width: 1024px; xl(1280px) max-width: 1280px; 2xl(1536px) max-width: 1536px; |
columns
| tailwind CSS | CSS |
|---|---|
| columns-1 | columns: 1; |
| columns-2 | columns: 2; |
| columns-3 | columns: 3; |
| columns-4 | columns: 4; |
| columns-5 | columns: 5; |
| columns-6 | columns: 6; |
| columns-7 | columns: 7; |
| columns-8 | columns: 8; |
| columns-9 | columns: 9; |
| columns-10 | columns: 10; |
| columns-11 | columns: 11; |
| columns-12 | columns: 12; |
| columns-auto | columns: auto; |
| columns-3xs | columns: 16rem; /* 256px */ |
| columns-2xs | columns: 18rem; /* 288px */ |
| columns-xs | columns: 20rem; /* 320px */ |
| columns-sm | columns: 24rem; /* 384px */ |
| columns-md | columns: 28rem; /* 448px */ |
| columns-lg | columns: 32rem; /* 512px */ |
| columns-xl | columns: 36rem; /* 576px */ |
| columns-2xl | columns: 42rem; /* 672px */ |
| columns-3xl | columns: 48rem; /* 768px */ |
| columns-4xl | columns: 56rem; /* 896px */ |
| columns-5xl | columns: 64rem; /* 1024px */ |
| columns-6xl | columns: 72rem; /* 1152px */ |
| columns-7xl | columns: 80rem; /* 1280px */ |
break after
| tailwind CSS | CSS |
|---|---|
| break-after-auto | break-after: auto; |
| break-after-avoid | break-after: avoid; |
| break-after-all | break-after: all; |
| break-after-avoid-page | break-after: avoid-page; |
| break-after-page | break-after: page; |
| break-after-left | break-after: left; |
| break-after-right | break-after: right; |
| break-after-column | break-after: column; |
break before
| tailwind CSS | CSS |
|---|---|
| break-before-auto | break-before: auto; |
| break-before-avoid | break-before: avoid; |
| break-before-all | break-before: all; |
| break-before-avoid-page | break-before: avoid-page; |
| break-before-page | break-before: page; |
| break-before-left | break-before: left; |
| break-before-right | break-before: right; |
| break-before-column | break-before: column; |
break inside
| tailwind CSS | CSS |
|---|---|
| break-inside-auto | break-inside: auto; |
| break-inside-avoid | break-inside: avoid; |
| break-inside-avoid-page | break-inside: avoid-page; |
| break-inside-avoid-column | break-inside: avoid-column; |
box decoration break
| tailwind CSS | CSS |
|---|---|
| box-decoration-clone | box-decoration-break: clone; |
| box-decoration-slice | box-decoration-break: slice; |
box sizing
| tailwind CSS | CSS |
|---|---|
| box-border | box-sizing: border-box; |
| box-content | box-sizing: content-box; |
display
| tailwind CSS | CSS |
|---|---|
| block | display: block; |
| inline-block | display: inline-block; |
| inline | display: inline; |
| flex | display: flex; |
| inline-flex | display: inline-flex; |
| table | display: table; |
| inline-table | display: inline-table; |
| table-caption | display: table-caption; |
| table-cell | display: table-cell; |
| table-column | display: table-column; |
| table-column-group | display: table-column-group; |
| table-footer-group | display: table-footer-group; |
| table-header-group | display: table-header-group; |
| table-row-group | display: table-row-group; |
| table-row | display: table-row; |
| flow-root | display: flow-root; |
| grid | display: grid; |
| inline-grid | display: inline-grid; |
| contents | display: contents; |
| list-item | display: list-item; |
| hidden | display: none; |
floats
| tailwind CSS | CSS |
|---|---|
| float-start | float: inline-start; |
| float-end | float: inline-end; |
| float-right | float: right; |
| float-left | float: left; |
| float-none | float: none; |
clear
| tailwind CSS | CSS |
|---|---|
| clear-start | clear: inline-start; |
| clear-end | clear: inline-end; |
| clear-left | clear: left; |
| clear-right | clear: right; |
| clear-both | clear: both; |
| clear-none | clear: none; |
isolation
| tailwind CSS | CSS |
|---|---|
| isolate | isolation: isolate; |
| isolation-auto | isolation: auto; |
object fit
| tailwind CSS | CSS |
|---|---|
| object-contain | object-fit: contain; |
| object-cover | object-fit: cover; |
| object-fill | object-fit: fill; |
| object-none | object-fit: none; |
| object-scale-down | object-fit: scale-down; |
object position
| tailwind CSS | CSS |
|---|---|
| object-bottom | object-position: bottom; |
| object-center | object-position: center; |
| object-left | object-position: left; |
| object-left-bottom | object-position: left bottom; |
| object-left-top | object-position: left top; |
| object-right | object-position: right; |
| object-right-bottom | object-position: right bottom; |
| object-right-top | object-position: right top; |
| object-top | object-position: top; |
overflow
| tailwind CSS | CSS |
|---|---|
| overflow-auto | overflow: auto; |
| overflow-hidden | overflow: hidden; |
| overflow-clip | overflow: clip; |
| overflow-visible | overflow: visible; |
| overflow-scroll | overflow: scroll; |
| overflow-x-auto | overflow-x: auto; |
| overflow-y-auto | overflow-y: auto; |
| overflow-x-hidden | overflow-x: hidden; |
| overflow-y-hidden | overflow-y: hidden; |
| overflow-x-clip | overflow-x: clip; |
| overflow-y-clip | overflow-y: clip; |
| overflow-x-visible | overflow-x: visible; |
| overflow-y-visible | overflow-y: visible; |
| overflow-x-scroll | overflow-x: scroll; |
| overflow-y-auto | overflow-y: scroll; |
overscroll behavior
| tailwind CSS | CSS |
|---|---|
| overscroll-auto | overscroll-behavior: auto; |
| overscroll-contain | overscroll-behavior: contain; |
| overscroll-none | overscroll-behavior: none; |
| overscroll-y-auto | overscroll-behavior-y: auto; |
| overscroll-y-contain | overscroll-behavior-y: contain; |
| overscroll-y-none | overscroll-behavior-y: none; |
| overscroll-x-auto | overscroll-behavior-x: auto; |
| overscroll-x-contain | overscroll-behavior-x: contain; |
| overscroll-x-none | overscroll-behavior-x: none; |
position
| tailwind CSS | CSS |
|---|---|
| static | position: static; |
| fixed | position: fixed; |
| absolute | position: absolute; |
| relative | position: relative; |
| sticky | position: sticky; |
start-*
| Tailwind CSS | CSS |
|---|---|
| start-0 | inset-inline-start: 0px; |
| start-px | inset-inline-start: 1px; |
| start-0.5 | inset-inline-start: 0.125rem; /* 2px */ |
| start-1 | inset-inline-start: 0.25rem; /* 4px */ |
| start-1.5 | inset-inline-start: 0.375rem; /* 6px */ |
| start-10 | inset-inline-start: 2.5rem; /* 40px */ |
| start-11 | inset-inline-start: 2.75rem; /* 44px */ |
| start-12 | inset-inline-start: 3rem; /* 48px */ |
| start-14 | inset-inline-start: 3.5rem; /* 56px */ |
| start-16 | inset-inline-start: 4rem; /* 64px */ |
| start-2 | inset-inline-start: 0.5rem; /* 8px */ |
| start-2.5 | inset-inline-start: 0.625rem; /* 10px */ |
| start-20 | inset-inline-start: 5rem; /* 80px */ |
| start-24 | inset-inline-start: 6rem; /* 96px */ |
| start-28 | inset-inline-start: 7rem; /* 112px */ |
| start-3 | inset-inline-start: 0.75rem; /* 12px */ |
| start-3.5 | inset-inline-start: 0.875rem; /* 14px */ |
| start-32 | inset-inline-start: 8rem; /* 128px */ |
| start-36 | inset-inline-start: 9rem; /* 144px */ |
| start-4 | inset-inline-start: 1rem; /* 16px */ |
| start-40 | inset-inline-start: 10rem; /* 160px */ |
| start-44 | inset-inline-start: 11rem; /* 176px */ |
| start-48 | inset-inline-start: 12rem; /* 192px */ |
| start-5 | inset-inline-start: 1.25rem; /* 20px */ |
| start-52 | inset-inline-start: 13rem; /* 208px */ |
| start-56 | inset-inline-start: 14rem; /* 224px */ |
| start-6 | inset-inline-start: 1.5rem; /* 24px */ |
| start-60 | inset-inline-start: 15rem; /* 240px */ |
| start-64 | inset-inline-start: 16rem; /* 256px */ |
| start-7 | inset-inline-start: 1.75rem; /* 28px */ |
| start-72 | inset-inline-start: 18rem; /* 288px */ |
| start-8 | inset-inline-start: 2rem; /* 32px */ |
| start-80 | inset-inline-start: 20rem; /* 320px */ |
| start-9 | inset-inline-start: 2.25rem; /* 36px */ |
| start-96 | inset-inline-start: 24rem; /* 384px */ |
| start-auto | inset-inline-start: auto; |
| start-1/2 | inset-inline-start: 50%; |
| start-1/3 | inset-inline-start: 33.333333%; |
| start-2/3 | inset-inline-start: 66.666667%; |
| start-1/4 | inset-inline-start: 25%; |
| start-2/4 | inset-inline-start: 50%; |
| start-3/4 | inset-inline-start: 75%; |
| start-full | inset-inline-start: 100%; |
end
| Tailwind CSS | CSS |
|---|---|
| end-0 | inset-inline-end: 0px; |
| end-px | inset-inline-end: 1px; |
| end-0.5 | inset-inline-end: 0.125rem; /* 2px */ |
| end-1 | inset-inline-end: 0.25rem; /* 4px */ |
| end-1.5 | inset-inline-end: 0.375rem; /* 6px */ |
| end-10 | inset-inline-end: 2.5rem; /* 40px */ |
| end-11 | inset-inline-end: 2.75rem; /* 44px */ |
| end-12 | inset-inline-end: 3rem; /* 48px */ |
| end-14 | inset-inline-end: 3.5rem; /* 56px */ |
| end-16 | inset-inline-end: 4rem; /* 64px */ |
| end-2 | inset-inline-end: 0.5rem; /* 8px */ |
| end-2.5 | inset-inline-end: 0.625rem; /* 10px */ |
| end-20 | inset-inline-end: 5rem; /* 80px */ |
| end-24 | inset-inline-end: 6rem; /* 96px */ |
| end-28 | inset-inline-end: 7rem; /* 112px */ |
| end-3 | inset-inline-end: 0.75rem; /* 12px */ |
| end-3.5 | inset-inline-end: 0.875rem; /* 14px */ |
| end-32 | inset-inline-end: 8rem; /* 128px */ |
| end-36 | inset-inline-end: 9rem; /* 144px */ |
| end-4 | inset-inline-end: 1rem; /* 16px */ |
| end-40 | inset-inline-end: 10rem; /* 160px */ |
| end-44 | inset-inline-end: 11rem; /* 176px */ |
| end-48 | inset-inline-end: 12rem; /* 192px */ |
| end-5 | inset-inline-end: 1.25rem; /* 20px */ |
| end-52 | inset-inline-end: 13rem; /* 208px */ |
| end-56 | inset-inline-end: 14rem; /* 224px */ |
| end-6 | inset-inline-end: 1.5rem; /* 24px */ |
| end-60 | inset-inline-end: 15rem; /* 240px */ |
| end-64 | inset-inline-end: 16rem; /* 256px */ |
| end-7 | inset-inline-end: 1.75rem; /* 28px */ |
| end-72 | inset-inline-end: 18rem; /* 288px */ |
| end-8 | inset-inline-end: 2rem; /* 32px */ |
| end-80 | inset-inline-end: 20rem; /* 320px */ |
| end-9 | inset-inline-end: 2.25rem; /* 36px */ |
| end-96 | inset-inline-end: 24rem; /* 384px */ |
| end-auto | inset-inline-end: auto; |
| end-1/2 | inset-inline-end: 50%; |
| end-1/3 | inset-inline-end: 33.333333%; |
| end-2/3 | inset-inline-end: 66.666667%; |
| end-1/4 | inset-inline-end: 25%; |
| end-2/4 | inset-inline-end: 50%; |
| end-3/4 | inset-inline-end: 75%; |
| end-full | inset-inline-end: 100%; |
inset
| Tailwind CSS | CSS |
|---|---|
| inset-0 | inset: 0px; |
| inset-px | inset: 1px; |
| inset-0.5 | inset: 0.125rem; /* 2px */ |
| inset-1 | inset: 0.25rem; /* 4px */ |
| inset-1.5 | inset: 0.375rem; /* 6px */ |
| inset-10 | inset: 2.5rem; /* 40px */ |
| inset-11 | inset: 2.75rem; /* 44px */ |
| inset-12 | inset: 3rem; /* 48px */ |
| inset-14 | inset: 3.5rem; /* 56px */ |
| inset-16 | inset: 4rem; /* 64px */ |
| inset-2 | inset: 0.5rem; /* 8px */ |
| inset-2.5 | inset: 0.625rem; /* 10px */ |
| inset-20 | inset: 5rem; /* 80px */ |
| inset-24 | inset: 6rem; /* 96px */ |
| inset-28 | inset: 7rem; /* 112px */ |
| inset-3 | inset: 0.75rem; /* 12px */ |
| inset-3.5 | inset: 0.875rem; /* 14px */ |
| inset-32 | inset: 8rem; /* 128px */ |
| inset-36 | inset: 9rem; /* 144px */ |
| inset-4 | inset: 1rem; /* 16px */ |
| inset-40 | inset: 10rem; /* 160px */ |
| inset-44 | inset: 11rem; /* 176px */ |
| inset-48 | inset: 12rem; /* 192px */ |
| inset-5 | inset: 1.25rem; /* 20px */ |
| inset-52 | inset: 13rem; /* 208px */ |
| inset-56 | inset: 14rem; /* 224px */ |
| inset-6 | inset: 1.5rem; /* 24px */ |
| inset-60 | inset: 15rem; /* 240px */ |
| inset-64 | inset: 16rem; /* 256px */ |
| inset-7 | inset: 1.75rem; /* 28px */ |
| inset-72 | inset: 18rem; /* 288px */ |
| inset-8 | inset: 2rem; /* 32px */ |
| inset-80 | inset: 20rem; /* 320px */ |
| inset-9 | inset: 2.25rem; /* 36px */ |
| inset-96 | inset: 24rem; /* 384px */ |
| inset-auto | inset: auto; |
| inset-1/2 | inset: 50%; |
| inset-1/3 | inset: 33.333333%; |
| inset-2/3 | inset: 66.666667%; |
| inset-1/4 | inset: 25%; |
| inset-2/4 | inset: 50%; |
| inset-3/4 | inset: 75%; |
| inset-full | inset: 100%; |
inset-x-*
| Tailwind CSS | CSS |
|---|---|
| inset-x-0 | left: 0px; right: 0px; |
| inset-x-px | left: 1px; right: 1px; |
| inset-x-0.5 | left: 0.125rem; /* 2px */ right: 0.125rem; /* 2px */ |
| inset-x-1 | left: 0.25rem; /* 4px */ right: 0.25rem; /* 4px */ |
| inset-x-1.5 | left: 0.375rem; /* 6px */ right: 0.375rem; /* 6px */ |
| inset-x-10 | left: 2.5rem; /* 40px */ right: 2.5rem; /* 40px */ |
| inset-x-11 | left: 2.75rem; /* 44px */ right: 2.75rem; /* 44px */ |
| inset-x-12 | left: 3rem; /* 48px */ right: 3rem; /* 48px */ |
| inset-x-14 | left: 3.5rem; /* 56px */ right: 3.5rem; /* 56px */ |
| inset-x-16 | left: 4rem; /* 64px */ right: 4rem; /* 64px */ |
| inset-x-2 | left: 0.5rem; /* 8px */ right: 0.5rem; /* 8px */ |
| inset-x-2.5 | left: 0.625rem; /* 10px */ right: 0.625rem; /* 10px */ |
| inset-x-20 | left: 5rem; /* 80px */ right: 5rem; /* 80px */ |
| inset-x-24 | left: 6rem; /* 96px */ right: 6rem; /* 96px */ |
| inset-x-28 | left: 7rem; /* 112px */ right: 7rem; /* 112px */ |
| inset-x-3 | left: 0.75rem; /* 12px */ right: 0.75rem; /* 12px */ |
| inset-x-3.5 | left: 0.875rem; /* 14px */ right: 0.875rem; /* 14px */ |
| inset-x-32 | left: 8rem; /* 128px */ right: 8rem; /* 128px */ |
| inset-x-36 | left: 9rem; /* 144px */ right: 9rem; /* 144px */ |
| inset-x-4 | left: 1rem; /* 16px */ right: 1rem; /* 16px */ |
| inset-x-40 | left: 10rem; /* 160px */ right: 10rem; /* 160px */ |
| inset-x-44 | left: 11rem; /* 176px */ right: 11rem; /* 176px */ |
| inset-x-48 | left: 12rem; /* 192px */ right: 12rem; /* 192px */ |
| inset-x-5 | left: 1.25rem; /* 20px */ right: 1.25rem; /* 20px */ |
| inset-x-52 | left: 13rem; /* 208px */ right: 13rem; /* 208px */ |
| inset-x-56 | left: 14rem; /* 224px */ right: 14rem; /* 224px */ |
| inset-x-6 | left: 1.5rem; /* 24px */ right: 1.5rem; /* 24px */ |
| inset-x-60 | left: 15rem; /* 240px */ right: 15rem; /* 240px */ |
| inset-x-64 | left: 16rem; /* 256px */ right: 16rem; /* 256px */ |
| inset-x-7 | left: 1.75rem; /* 28px */ right: 1.75rem; /* 28px */ |
| inset-x-72 | left: 18rem; /* 288px */ right: 18rem; /* 288px */ |
| inset-x-8 | left: 2rem; /* 32px */ right: 2rem; /* 32px */ |
| inset-x-80 | left: 20rem; /* 320px */ right: 20rem; /* 320px */ |
| inset-x-9 | left: 2.25rem; /* 36px */ right: 2.25rem; /* 36px */ |
| inset-x-96 | left: 24rem; /* 384px */ right: 24rem; /* 384px */ |
| inset-x-auto | left: auto; right: auto; |
| inset-x-1/2 | left: 50%; right: 50%; |
| inset-x-1/3 | left: 33.333333%; right: 33.333333%; |
| inset-x-2/3 | left: 66.666667%; right: 66.666667%; |
| inset-x-1/4 | left: 25%; right: 25%; |
| inset-x-2/4 | left: 50%; right: 50%; |
| inset-x-3/4 | left: 75%; right: 75%; |
| inset-x-full | left: 100%; right: 100%; |
inset-y-*
| Tailwind CSS | CSS |
|---|---|
| inset-y-0 | top: 0px; bottom: 0px; |
| inset-y-px | top: 1px; bottom: 1px; |
| inset-y-0.5 | top: 0.125rem; /* 2px */ bottom: 0.125rem; /* 2px */ |
| inset-y-1 | top: 0.25rem; /* 4px */ bottom: 0.25rem; /* 4px */ |
| inset-y-1.5 | top: 0.375rem; /* 6px */ bottom: 0.375rem; /* 6px */ |
| inset-y-10 | top: 2.5rem; /* 40px */ bottom: 2.5rem; /* 40px */ |
| inset-y-11 | top: 2.75rem; /* 44px */ bottom: 2.75rem; /* 44px */ |
| inset-y-12 | top: 3rem; /* 48px */ bottom: 3rem; /* 48px */ |
| inset-y-14 | top: 3.5rem; /* 56px */ bottom: 3.5rem; /* 56px */ |
| inset-y-16 | top: 4rem; /* 64px */ bottom: 4rem; /* 64px */ |
| inset-y-2 | top: 0.5rem; /* 8px */ bottom: 0.5rem; /* 8px */ |
| inset-y-2.5 | top: 0.625rem; /* 10px */ bottom: 0.625rem; /* 10px */ |
| inset-y-20 | top: 5rem; /* 80px */ bottom: 5rem; /* 80px */ |
| inset-y-24 | top: 6rem; /* 96px */ bottom: 6rem; /* 96px */ |
| inset-y-28 | top: 7rem; /* 112px */ bottom: 7rem; /* 112px */ |
| inset-y-3 | top: 0.75rem; /* 12px */ bottom: 0.75rem; /* 12px */ |
| inset-y-3.5 | top: 0.875rem; /* 14px */ bottom: 0.875rem; /* 14px */ |
| inset-y-32 | top: 8rem; /* 128px */ bottom: 8rem; /* 128px */ |
| inset-y-36 | top: 9rem; /* 144px */ bottom: 9rem; /* 144px */ |
| inset-y-4 | top: 1rem; /* 16px */ bottom: 1rem; /* 16px */ |
| inset-y-40 | top: 10rem; /* 160px */ bottom: 10rem; /* 160px */ |
| inset-y-44 | top: 11rem; /* 176px */ bottom: 11rem; /* 176px */ |
| inset-y-48 | top: 12rem; /* 192px */ bottom: 12rem; /* 192px */ |
| inset-y-5 | top: 1.25rem; /* 20px */ bottom: 1.25rem; /* 20px */ |
| inset-y-52 | top: 13rem; /* 208px */ bottom: 13rem; /* 208px */ |
| inset-y-56 | top: 14rem; /* 224px */ bottom: 14rem; /* 224px */ |
| inset-y-6 | top: 1.5rem; /* 24px */ bottom: 1.5rem; /* 24px */ |
| inset-y-60 | top: 15rem; /* 240px */ bottom: 15rem; /* 240px */ |
| inset-y-64 | top: 16rem; /* 256px */ bottom: 16rem; /* 256px */ |
| inset-y-7 | top: 1.75rem; /* 28px */ bottom: 1.75rem; /* 28px */ |
| inset-y-72 | top: 18rem; /* 288px */ bottom: 18rem; /* 288px */ |
| inset-y-8 | top: 2rem; /* 32px */ bottom: 2rem; /* 32px */ |
| inset-y-80 | top: 20rem; /* 320px */ bottom: 20rem; /* 320px */ |
| inset-y-9 | top: 2.25rem; /* 36px */ bottom: 2.25rem; /* 36px */ |
| inset-y-96 | top: 24rem; /* 384px */ bottom: 24rem; /* 384px */ |
| inset-y-auto | top: auto; bottom: auto; |
| inset-y-1/2 | top: 50%; bottom: 50%; |
| inset-y-1/3 | top: 33.333333%; bottom: 33.333333%; |
| inset-y-2/3 | top: 66.666667%; bottom: 66.666667%; |
| inset-y-1/4 | top: 25%; bottom: 25%; |
| inset-y-2/4 | top: 50%; bottom: 50%; |
| inset-y-3/4 | top: 75%; bottom: 75%; |
| inset-y-full | top: 100%; bottom: 100%; |
top
| Tailwind CSS | CSS |
|---|---|
| top-0 | top: 0px; |
| top-px | top: 1px; |
| top-0.5 | top: 0.125rem; /* 2px */ |
| top-1 | top: 0.25rem; /* 4px */ |
| top-1.5 | top: 0.375rem; /* 6px */ |
| top-10 | top: 2.5rem; /* 40px */ |
| top-11 | top: 2.75rem; /* 44px */ |
| top-12 | top: 3rem; /* 48px */ |
| top-14 | top: 3.5rem; /* 56px */ |
| top-16 | top: 4rem; /* 64px */ |
| top-2 | top: 0.5rem; /* 8px */ |
| top-2.5 | top: 0.625rem; /* 10px */ |
| top-20 | top: 5rem; /* 80px */ |
| top-24 | top: 6rem; /* 96px */ |
| top-28 | top: 7rem; /* 112px */ |
| top-3 | top: 0.75rem; /* 12px */ |
| top-3.5 | top: 0.875rem; /* 14px */ |
| top-32 | top: 8rem; /* 128px */ |
| top-36 | top: 9rem; /* 144px */ |
| top-4 | top: 1rem; /* 16px */ |
| top-40 | top: 10rem; /* 160px */ |
| top-44 | top: 11rem; /* 176px */ |
| top-48 | top: 12rem; /* 192px */ |
| top-5 | top: 1.25rem; /* 20px */ |
| top-52 | top: 13rem; /* 208px */ |
| top-56 | top: 14rem; /* 224px */ |
| top-6 | top: 1.5rem; /* 24px */ |
| top-60 | top: 15rem; /* 240px */ |
| top-64 | top: 16rem; /* 256px */ |
| top-7 | top: 1.75rem; /* 28px */ |
| top-72 | top: 18rem; /* 288px */ |
| top-8 | top: 2rem; /* 32px */ |
| top-80 | top: 20rem; /* 320px */ |
| top-9 | top: 2.25rem; /* 36px */ |
| top-96 | top: 24rem; /* 384px */ |
| top-auto | top: auto; |
| top-1/2 | top: 50%; |
| top-1/3 | top: 33.333333%; |
| top-2/3 | top: 66.666667%; |
| top-1/4 | top: 25%; |
| top-2/4 | top: 50%; |
| top-3/4 | top: 75%; |
| top-full | top: 100%; |
right
| Tailwind CSS | CSS |
|---|---|
| right-0 | right: 0px; |
| right-px | right: 1px; |
| right-0.5 | right: 0.125rem; /* 2px */ |
| right-1 | right: 0.25rem; /* 4px */ |
| right-1.5 | right: 0.375rem; /* 6px */ |
| right-10 | right: 2.5rem; /* 40px */ |
| right-11 | right: 2.75rem; /* 44px */ |
| right-12 | right: 3rem; /* 48px */ |
| right-14 | right: 3.5rem; /* 56px */ |
| right-16 | right: 4rem; /* 64px */ |
| right-2 | right: 0.5rem; /* 8px */ |
| right-2.5 | right: 0.625rem; /* 10px */ |
| right-20 | right: 5rem; /* 80px */ |
| right-24 | right: 6rem; /* 96px */ |
| right-28 | right: 7rem; /* 112px */ |
| right-3 | right: 0.75rem; /* 12px */ |
| right-3.5 | right: 0.875rem; /* 14px */ |
| right-32 | right: 8rem; /* 128px */ |
| right-36 | right: 9rem; /* 144px */ |
| right-4 | right: 1rem; /* 16px */ |
| right-40 | right: 10rem; /* 160px */ |
| right-44 | right: 11rem; /* 176px */ |
| right-48 | right: 12rem; /* 192px */ |
| right-5 | right: 1.25rem; /* 20px */ |
| right-52 | right: 13rem; /* 208px */ |
| right-56 | right: 14rem; /* 224px */ |
| right-6 | right: 1.5rem; /* 24px */ |
| right-60 | right: 15rem; /* 240px */ |
| right-64 | right: 16rem; /* 256px */ |
| right-7 | right: 1.75rem; /* 28px */ |
| right-72 | right: 18rem; /* 288px */ |
| right-8 | right: 2rem; /* 32px */ |
| right-80 | right: 20rem; /* 320px */ |
| right-9 | right: 2.25rem; /* 36px */ |
| right-96 | right: 24rem; /* 384px */ |
| right-auto | right: auto; |
| right-1/2 | right: 50%; |
| right-1/3 | right: 33.333333%; |
| right-2/3 | right: 66.666667%; |
| right-1/4 | right: 25%; |
| right-2/4 | right: 50%; |
| right-3/4 | right: 75%; |
| right-full | right: 100%; |
bottom
| Tailwind CSS | CSS |
|---|---|
| bottom-0 | bottom: 0px; |
| bottom-px | bottom: 1px; |
| bottom-0.5 | bottom: 0.125rem; /* 2px */ |
| bottom-1 | bottom: 0.25rem; /* 4px */ |
| bottom-1.5 | bottom: 0.375rem; /* 6px */ |
| bottom-10 | bottom: 2.5rem; /* 40px */ |
| bottom-11 | bottom: 2.75rem; /* 44px */ |
| bottom-12 | bottom: 3rem; /* 48px */ |
| bottom-14 | bottom: 3.5rem; /* 56px */ |
| bottom-16 | bottom: 4rem; /* 64px */ |
| bottom-2 | bottom: 0.5rem; /* 8px */ |
| bottom-2.5 | bottom: 0.625rem; /* 10px */ |
| bottom-20 | bottom: 5rem; /* 80px */ |
| bottom-24 | bottom: 6rem; /* 96px */ |
| bottom-28 | bottom: 7rem; /* 112px */ |
| bottom-3 | bottom: 0.75rem; /* 12px */ |
| bottom-3.5 | bottom: 0.875rem; /* 14px */ |
| bottom-32 | bottom: 8rem; /* 128px */ |
| bottom-36 | bottom: 9rem; /* 144px */ |
| bottom-4 | bottom: 1rem; /* 16px */ |
| bottom-40 | bottom: 10rem; /* 160px */ |
| bottom-44 | bottom: 11rem; /* 176px */ |
| bottom-48 | bottom: 12rem; /* 192px */ |
| bottom-5 | bottom: 1.25rem; /* 20px */ |
| bottom-52 | bottom: 13rem; /* 208px */ |
| bottom-56 | bottom: 14rem; /* 224px */ |
| bottom-6 | bottom: 1.5rem; /* 24px */ |
| bottom-60 | bottom: 15rem; /* 240px */ |
| bottom-64 | bottom: 16rem; /* 256px */ |
| bottom-7 | bottom: 1.75rem; /* 28px */ |
| bottom-72 | bottom: 18rem; /* 288px */ |
| bottom-8 | bottom: 2rem; /* 32px */ |
| bottom-80 | bottom: 20rem; /* 320px */ |
| bottom-9 | bottom: 2.25rem; /* 36px */ |
| bottom-96 | bottom: 24rem; /* 384px */ |
| bottom-auto | bottom: auto; |
| bottom-1/2 | bottom: 50%; |
| bottom-1/3 | bottom: 33.333333%; |
| bottom-2/3 | bottom: 66.666667%; |
| bottom-1/4 | bottom: 25%; |
| bottom-2/4 | bottom: 50%; |
| bottom-3/4 | bottom: 75%; |
| bottom-full | bottom: 100%; |
left
| Tailwind CSS | CSS |
|---|---|
| left-0 | left: 0px; |
| left-px | left: 1px; |
| left-0.5 | left: 0.125rem; /* 2px */ |
| left-1 | left: 0.25rem; /* 4px */ |
| left-1.5 | left: 0.375rem; /* 6px */ |
| left-10 | left: 2.5rem; /* 40px */ |
| left-11 | left: 2.75rem; /* 44px */ |
| left-12 | left: 3rem; /* 48px */ |
| left-14 | left: 3.5rem; /* 56px */ |
| left-16 | left: 4rem; /* 64px */ |
| left-2 | left: 0.5rem; /* 8px */ |
| left-2.5 | left: 0.625rem; /* 10px */ |
| left-20 | left: 5rem; /* 80px */ |
| left-24 | left: 6rem; /* 96px */ |
| left-28 | left: 7rem; /* 112px */ |
| left-3 | left: 0.75rem; /* 12px */ |
| left-3.5 | left: 0.875rem; /* 14px */ |
| left-32 | left: 8rem; /* 128px */ |
| left-36 | left: 9rem; /* 144px */ |
| left-4 | left: 1rem; /* 16px */ |
| left-40 | left: 10rem; /* 160px */ |
| left-44 | left: 11rem; /* 176px */ |
| left-48 | left: 12rem; /* 192px */ |
| left-5 | left: 1.25rem; /* 20px */ |
| left-52 | left: 13rem; /* 208px */ |
| left-56 | left: 14rem; /* 224px */ |
| left-6 | left: 1.5rem; /* 24px */ |
| left-60 | left: 15rem; /* 240px */ |
| left-64 | left: 16rem; /* 256px */ |
| left-7 | left: 1.75rem; /* 28px */ |
| left-72 | left: 18rem; /* 288px */ |
| left-8 | left: 2rem; /* 32px */ |
| left-80 | left: 20rem; /* 320px */ |
| left-9 | left: 2.25rem; /* 36px */ |
| left-96 | left: 24rem; /* 384px */ |
| left-auto | left: auto; |
| left-1/2 | left: 50%; |
| left-1/3 | left: 33.333333%; |
| left-2/3 | left: 66.666667%; |
| left-1/4 | left: 25%; |
| left-2/4 | left: 50%; |
| left-3/4 | left: 75%; |
| left-full | left: 100%; |
visibility
| Tailwind CSS | CSS |
|---|---|
| visible | visibility: visible; |
| invisible | visibility: hidden; |
| collapse | visibility: collapse; |
z-index
| Tailwind CSS | CSS |
|---|---|
| z-0 | z-index: 0; |
| z-10 | z-index: 10; |
| z-20 | z-index: 20; |
| z-30 | z-index: 30; |
| z-40 | z-index: 40; |
| z-50 | z-index: 50; |
| z-auto | z-index: auto; |
flex basis
| Tailwind CSS | CSS |
|---|---|
| basis-0 | flex-basis: 0px; |
| basis-1 | flex-basis: 0.25rem; /* 4px */ |
| basis-2 | flex-basis: 0.5rem; /* 8px */ |
| basis-3 | flex-basis: 0.75rem; /* 12px */ |
| basis-4 | flex-basis: 1rem; /* 16px */ |
| basis-5 | flex-basis: 1.25rem; /* 20px */ |
| basis-6 | flex-basis: 1.5rem; /* 24px */ |
| basis-7 | flex-basis: 1.75rem; /* 28px */ |
| basis-8 | flex-basis: 2rem; /* 32px */ |
| basis-9 | flex-basis: 2.25rem; /* 36px */ |
| basis-10 | flex-basis: 2.5rem; /* 40px */ |
| basis-11 | flex-basis: 2.75rem; /* 44px */ |
| basis-12 | flex-basis: 3rem; /* 48px */ |
| basis-14 | flex-basis: 3.5rem; /* 56px */ |
| basis-16 | flex-basis: 4rem; /* 64px */ |
| basis-20 | flex-basis: 5rem; /* 80px */ |
| basis-24 | flex-basis: 6rem; /* 96px */ |
| basis-28 | flex-basis: 7rem; /* 112px */ |
| basis-32 | flex-basis: 8rem; /* 128px */ |
| basis-36 | flex-basis: 9rem; /* 144px */ |
| basis-40 | flex-basis: 10rem; /* 160px */ |
| basis-44 | flex-basis: 11rem; /* 176px */ |
| basis-48 | flex-basis: 12rem; /* 192px */ |
| basis-52 | flex-basis: 13rem; /* 208px */ |
| basis-56 | flex-basis: 14rem; /* 224px */ |
| basis-60 | flex-basis: 15rem; /* 240px */ |
| basis-64 | flex-basis: 16rem; /* 256px */ |
| basis-72 | flex-basis: 18rem; /* 288px */ |
| basis-80 | flex-basis: 20rem; /* 320px */ |
| basis-96 | flex-basis: 24rem; /* 384px */ |
| basis-auto | flex-basis: auto; |
| basis-px | flex-basis: 1px; |
| basis-0.5 | flex-basis: 0.125rem; /* 2px */ |
| basis-1.5 | flex-basis: 0.375rem; /* 6px */ |
| basis-2.5 | flex-basis: 0.625rem; /* 10px */ |
| basis-3.5 | flex-basis: 0.875rem; /* 14px */ |
| basis-1/2 | flex-basis: 50%; |
| basis-1/3 | flex-basis: 33.333333%; |
| basis-2/3 | flex-basis: 66.666667%; |
| basis-1/4 | flex-basis: 25%; |
| basis-2/4 | flex-basis: 50%; |
| basis-3/4 | flex-basis: 75%; |
| basis-1/5 | flex-basis: 20%; |
| basis-2/5 | flex-basis: 40%; |
| basis-3/5 | flex-basis: 60%; |
| basis-4/5 | flex-basis: 80%; |
| basis-1/6 | flex-basis: 16.666667%; |
| basis-2/6 | flex-basis: 33.333333%; |
| basis-3/6 | flex-basis: 50%; |
| basis-4/6 | flex-basis: 66.666667%; |
| basis-5/6 | flex-basis: 83.333333%; |
| basis-1/12 | flex-basis: 8.333333%; |
| basis-2/12 | flex-basis: 16.666667%; |
| basis-3/12 | flex-basis: 25%; |
| basis-4/12 | flex-basis: 33.333333%; |
| basis-5/12 | flex-basis: 41.666667%; |
| basis-6/12 | flex-basis: 50%; |
| basis-7/12 | flex-basis: 58.333333%; |
| basis-8/12 | flex-basis: 66.666667%; |
| basis-9/12 | flex-basis: 75%; |
| basis-10/12 | flex-basis: 83.333333%; |
| basis-11/12 | flex-basis: 91.666667%; |
| basis-full | flex-basis: 100%; |
flex direction
| Tailwind CSS | CSS |
|---|---|
| flex-row | flex-direction: row; |
| flex-row-reverse | flex-direction: row-reverse; |
| flex-col | flex-direction: column; |
| flex-col-reverse | flex-direction: column-reverse; |
flex wrap
| Tailwind CSS | CSS |
|---|---|
| flex-wrap | flex-wrap: wrap; |
| flex-wrap-reverse | flex-wrap: wrap-reverse; |
| flex-nowrap | flex-wrap: nowrap; |
flex
| Tailwind CSS | CSS |
|---|---|
| flex-1 | flex: 1 1 0%; |
| flex-auto | flex: 1 1 auto; |
| flex-initial | flex: 0 1 auto; |
| flex-none | flex: none; |
flex grow
| Tailwind CSS | CSS |
|---|---|
| grow | flex-grow: 1; |
| grow-0 | flex-grow: 0; |
flex shrink
| Tailwind CSS | CSS |
|---|---|
| shrink | flex-shrink: 1; |
| shrink-0 | flex-shrink: 0; |
order
| Tailwind CSS | CSS |
|---|---|
| order-1 | order: 1; |
| order-2 | order: 2; |
| order-3 | order: 3; |
| order-4 | order: 4; |
| order-5 | order: 5; |
| order-6 | order: 6; |
| order-7 | order: 7; |
| order-8 | order: 8; |
| order-9 | order: 9; |
| order-10 | order: 10; |
| order-11 | order: 11; |
| order-12 | order: 12; |
| order-first | order: -9999; |
| order-last | order: 9999; |
| order-none | order: 0; |
grid template columns
| Tailwind CSS | CSS |
|---|---|
| grid-cols-1 | grid-template-columns: repeat(1, minmax(0, 1fr)); |
| grid-cols-2 | grid-template-columns: repeat(2, minmax(0, 1fr)); |
| grid-cols-3 | grid-template-columns: repeat(3, minmax(0, 1fr)); |
| grid-cols-4 | grid-template-columns: repeat(4, minmax(0, 1fr)); |
| grid-cols-5 | grid-template-columns: repeat(5, minmax(0, 1fr)); |
| grid-cols-6 | grid-template-columns: repeat(6, minmax(0, 1fr)); |
| grid-cols-7 | grid-template-columns: repeat(7, minmax(0, 1fr)); |
| grid-cols-8 | grid-template-columns: repeat(8, minmax(0, 1fr)); |
| grid-cols-9 | grid-template-columns: repeat(9, minmax(0, 1fr)); |
| grid-cols-10 | grid-template-columns: repeat(10, minmax(0, 1fr)); |
| grid-cols-11 | grid-template-columns: repeat(11, minmax(0, 1fr)); |
| grid-cols-12 | grid-template-columns: repeat(12, minmax(0, 1fr)); |
| grid-cols-none | grid-template-columns: none; |
| grid-cols-subgrid | grid-template-columns: subgrid; |
grid column start / end
| Tailwind CSS | CSS |
|---|---|
| col-auto | grid-column: auto; |
| col-span-1 | grid-column: span 1 / span 1; |
| col-span-2 | grid-column: span 2 / span 2; |
| col-span-3 | grid-column: span 3 / span 3; |
| col-span-4 | grid-column: span 4 / span 4; |
| col-span-5 | grid-column: span 5 / span 5; |
| col-span-6 | grid-column: span 6 / span 6; |
| col-span-7 | grid-column: span 7 / span 7; |
| col-span-8 | grid-column: span 8 / span 8; |
| col-span-9 | grid-column: span 9 / span 9; |
| col-span-10 | grid-column: span 10 / span 10; |
| col-span-11 | grid-column: span 11 / span 11; |
| col-span-12 | grid-column: span 12 / span 12; |
| col-span-full | grid-column: 1 / -1; |
| col-start-1 | grid-column-start: 1; |
| col-start-2 | grid-column-start: 2; |
| col-start-3 | grid-column-start: 3; |
| col-start-4 | grid-column-start: 4; |
| col-start-5 | grid-column-start: 5; |
| col-start-6 | grid-column-start: 6; |
| col-start-7 | grid-column-start: 7; |
| col-start-8 | grid-column-start: 8; |
| col-start-9 | grid-column-start: 9; |
| col-start-10 | grid-column-start: 10; |
| col-start-11 | grid-column-start: 11; |
| col-start-12 | grid-column-start: 12; |
| col-start-13 | grid-column-start: 13; |
| col-start-auto | grid-column-start: auto; |
| col-end-1 | grid-column-end: 1; |
| col-end-2 | grid-column-end: 2; |
| col-end-3 | grid-column-end: 3; |
| col-end-4 | grid-column-end: 4; |
| col-end-5 | grid-column-end: 5; |
| col-end-6 | grid-column-end: 6; |
| col-end-7 | grid-column-end: 7; |
| col-end-8 | grid-column-end: 8; |
| col-end-9 | grid-column-end: 9; |
| col-end-10 | grid-column-end: 10; |
| col-end-11 | grid-column-end: 11; |
| col-end-12 | grid-column-end: 12; |
| col-end-13 | grid-column-end: 13; |
| col-end-auto | grid-column-end: auto; |
grid template rows
| Tailwind CSS | CSS |
|---|---|
| grid-rows-1 | grid-template-rows: repeat(1, minmax(0, 1fr)); |
| grid-rows-2 | grid-template-rows: repeat(2, minmax(0, 1fr)); |
| grid-rows-3 | grid-template-rows: repeat(3, minmax(0, 1fr)); |
| grid-rows-4 | grid-template-rows: repeat(4, minmax(0, 1fr)); |
| grid-rows-5 | grid-template-rows: repeat(5, minmax(0, 1fr)); |
| grid-rows-6 | grid-template-rows: repeat(6, minmax(0, 1fr)); |
| grid-rows-7 | grid-template-rows: repeat(7, minmax(0, 1fr)); |
| grid-rows-8 | grid-template-rows: repeat(8, minmax(0, 1fr)); |
| grid-rows-9 | grid-template-rows: repeat(9, minmax(0, 1fr)); |
| grid-rows-10 | grid-template-rows: repeat(10, minmax(0, 1fr)); |
| grid-rows-11 | grid-template-rows: repeat(11, minmax(0, 1fr)); |
| grid-rows-12 | grid-template-rows: repeat(12, minmax(0, 1fr)); |
| grid-rows-none | grid-template-rows: none; |
| grid-rows-subgrid | grid-template-rows: subgrid; |
grid row start / end
| Tailwind CSS | CSS |
|---|---|
| row-auto | grid-row: auto; |
| row-span-1 | grid-row: span 1 / span 1; |
| row-span-2 | grid-row: span 2 / span 2; |
| row-span-3 | grid-row: span 3 / span 3; |
| row-span-4 | grid-row: span 4 / span 4; |
| row-span-5 | grid-row: span 5 / span 5; |
| row-span-6 | grid-row: span 6 / span 6; |
| row-span-7 | grid-row: span 7 / span 7; |
| row-span-8 | grid-row: span 8 / span 8; |
| row-span-9 | grid-row: span 9 / span 9; |
| row-span-10 | grid-row: span 10 / span 10; |
| row-span-11 | grid-row: span 11 / span 11; |
| row-span-12 | grid-row: span 12 / span 12; |
| row-span-full | grid-row: 1 / -1; |
| row-start-1 | grid-row-start: 1; |
| row-start-2 | grid-row-start: 2; |
| row-start-3 | grid-row-start: 3; |
| row-start-4 | grid-row-start: 4; |
| row-start-5 | grid-row-start: 5; |
| row-start-6 | grid-row-start: 6; |
| row-start-7 | grid-row-start: 7; |
| row-start-8 | grid-row-start: 8; |
| row-start-9 | grid-row-start: 9; |
| row-start-10 | grid-row-start: 10; |
| row-start-11 | grid-row-start: 11; |
| row-start-12 | grid-row-start: 12; |
| row-start-13 | grid-row-start: 13; |
| row-start-auto | grid-row-start: auto; |
| row-end-1 | grid-row-end: 1; |
| row-end-2 | grid-row-end: 2; |
| row-end-3 | grid-row-end: 3; |
| row-end-4 | grid-row-end: 4; |
| row-end-5 | grid-row-end: 5; |
| row-end-6 | grid-row-end: 6; |
| row-end-7 | grid-row-end: 7; |
| row-end-8 | grid-row-end: 8; |
| row-end-9 | grid-row-end: 9; |
| row-end-10 | grid-row-end: 10; |
| row-end-11 | grid-row-end: 11; |
| row-end-12 | grid-row-end: 12; |
| row-end-13 | grid-row-end: 13; |
| row-end-auto | grid-row-end: auto; |
grid auto flow
| Tailwind CSS | CSS |
|---|---|
| grid-flow-row | grid-auto-flow: row; |
| grid-flow-col | grid-auto-flow: column; |
| grid-flow-dense | grid-auto-flow: dense; |
| grid-flow-row-dense | grid-auto-flow: row dense; |
| grid-flow-col-dense | grid-auto-flow: column dense; |
grid auto columns
| Tailwind CSS | CSS |
|---|---|
| auto-cols-auto | grid-auto-columns: auto; |
| auto-cols-min | grid-auto-columns: min-content; |
| auto-cols-max | grid-auto-columns: max-content; |
| auto-cols-fr | grid-auto-columns: minmax(0, 1fr); |
grid auto rows
| Tailwind CSS | CSS |
|---|---|
| auto-rows-auto | grid-auto-rows: auto; |
| auto-rows-min | grid-auto-rows: min-content; |
| auto-rows-max | grid-auto-rows: max-content; |
| auto-rows-fr | grid-auto-rows: minmax(0, 1fr); |
gap
| Tailwind CSS | CSS |
|---|---|
| gap-0 | gap: 0px; |
| gap-x-0 | column-gap: 0px; |
| gap-y-0 | row-gap: 0px; |
| gap-px | gap: 1px; |
| gap-x-px | column-gap: 1px; |
| gap-y-px | row-gap: 1px; |
| gap-0.5 | gap: 0.125rem; /* 2px */ |
| gap-x-0.5 | column-gap: 0.125rem; /* 2px */ |
| gap-y-0.5 | row-gap: 0.125rem; /* 2px */ |
| gap-1 | gap: 0.25rem; /* 4px */ |
| gap-x-1 | column-gap: 0.25rem; /* 4px */ |
| gap-y-1 | row-gap: 0.25rem; /* 4px */ |
| gap-1.5 | gap: 0.375rem; /* 6px */ |
| gap-x-1.5 | column-gap: 0.375rem; /* 6px */ |
| gap-y-1.5 | row-gap: 0.375rem; /* 6px */ |
| gap-2 | gap: 0.5rem; /* 8px */ |
| gap-x-2 | column-gap: 0.5rem; /* 8px */ |
| gap-y-2 | row-gap: 0.5rem; /* 8px */ |
| gap-2.5 | gap: 0.625rem; /* 10px */ |
| gap-x-2.5 | column-gap: 0.625rem; /* 10px */ |
| gap-y-2.5 | row-gap: 0.625rem; /* 10px */ |
| gap-3 | gap: 0.75rem; /* 12px */ |
| gap-x-3 | column-gap: 0.75rem; /* 12px */ |
| gap-y-3 | row-gap: 0.75rem; /* 12px */ |
| gap-3.5 | gap: 0.875rem; /* 14px */ |
| gap-x-3.5 | column-gap: 0.875rem; /* 14px */ |
| gap-y-3.5 | row-gap: 0.875rem; /* 14px */ |
| gap-4 | gap: 1rem; /* 16px */ |
| gap-x-4 | column-gap: 1rem; /* 16px */ |
| gap-y-4 | row-gap: 1rem; /* 16px */ |
| gap-5 | gap: 1.25rem; /* 20px */ |
| gap-x-5 | column-gap: 1.25rem; /* 20px */ |
| gap-y-5 | row-gap: 1.25rem; /* 20px */ |
| gap-6 | gap: 1.5rem; /* 24px */ |
| gap-x-6 | column-gap: 1.5rem; /* 24px */ |
| gap-y-6 | row-gap: 1.5rem; /* 24px */ |
| gap-7 | gap: 1.75rem; /* 28px */ |
| gap-x-7 | column-gap: 1.75rem; /* 28px */ |
| gap-y-7 | row-gap: 1.75rem; /* 28px */ |
| gap-8 | gap: 2rem; /* 32px */ |
| gap-x-8 | column-gap: 2rem; /* 32px */ |
| gap-y-8 | row-gap: 2rem; /* 32px */ |
| gap-9 | gap: 2.25rem; /* 36px */ |
| gap-x-9 | column-gap: 2.25rem; /* 36px */ |
| gap-y-9 | row-gap: 2.25rem; /* 36px */ |
| gap-10 | gap: 2.5rem; /* 40px */ |
| gap-x-10 | column-gap: 2.5rem; /* 40px */ |
| gap-y-10 | row-gap: 2.5rem; /* 40px */ |
| gap-11 | gap: 2.75rem; /* 44px */ |
| gap-x-11 | column-gap: 2.75rem; /* 44px */ |
| gap-y-11 | row-gap: 2.75rem; /* 44px */ |
| gap-12 | gap: 3rem; /* 48px */ |
| gap-x-12 | column-gap: 3rem; /* 48px */ |
| gap-y-12 | row-gap: 3rem; /* 48px */ |
| gap-14 | gap: 3.5rem; /* 56px */ |
| gap-x-14 | column-gap: 3.5rem; /* 56px */ |
| gap-y-14 | row-gap: 3.5rem; /* 56px */ |
| gap-16 | gap: 4rem; /* 64px */ |
| gap-x-16 | column-gap: 4rem; /* 64px */ |
| gap-y-16 | row-gap: 4rem; /* 64px */ |
| gap-20 | gap: 5rem; /* 80px */ |
| gap-x-20 | column-gap: 5rem; /* 80px */ |
| gap-y-20 | row-gap: 5rem; /* 80px */ |
| gap-24 | gap: 6rem; /* 96px */ |
| gap-x-24 | column-gap: 6rem; /* 96px */ |
| gap-y-24 | row-gap: 6rem; /* 96px */ |
| gap-28 | gap: 7rem; /* 112px */ |
| gap-x-28 | column-gap: 7rem; /* 112px */ |
| gap-y-28 | row-gap: 7rem; /* 112px */ |
| gap-32 | gap: 8rem; /* 128px */ |
| gap-x-32 | column-gap: 8rem; /* 128px */ |
| gap-y-32 | row-gap: 8rem; /* 128px */ |
| gap-36 | gap: 9rem; /* 144px */ |
| gap-x-36 | column-gap: 9rem; /* 144px */ |
| gap-y-36 | row-gap: 9rem; /* 144px */ |
| gap-40 | gap: 10rem; /* 160px */ |
| gap-x-40 | column-gap: 10rem; /* 160px */ |
| gap-y-40 | row-gap: 10rem; /* 160px */ |
| gap-44 | gap: 11rem; /* 176px */ |
| gap-x-44 | column-gap: 11rem; /* 176px */ |
| gap-y-44 | row-gap: 11rem; /* 176px */ |
| gap-48 | gap: 12rem; /* 192px */ |
| gap-x-48 | column-gap: 12rem; /* 192px */ |
| gap-y-48 | row-gap: 12rem; /* 192px */ |
| gap-52 | gap: 13rem; /* 208px */ |
| gap-x-52 | column-gap: 13rem; /* 208px */ |
| gap-y-52 | row-gap: 13rem; /* 208px */ |
| gap-56 | gap: 14rem; /* 224px */ |
| gap-x-56 | column-gap: 14rem; /* 224px */ |
| gap-y-56 | row-gap: 14rem; /* 224px */ |
| gap-60 | gap: 15rem; /* 240px */ |
| gap-x-60 | column-gap: 15rem; /* 240px */ |
| gap-y-60 | row-gap: 15rem; /* 240px */ |
| gap-64 | gap: 16rem; /* 256px */ |
| gap-x-64 | column-gap: 16rem; /* 256px */ |
| gap-y-64 | row-gap: 16rem; /* 256px */ |
| gap-72 | gap: 18rem; /* 288px */ |
| gap-x-72 | column-gap: 18rem; /* 288px */ |
| gap-y-72 | row-gap: 18rem; /* 288px */ |
| gap-80 | gap: 20rem; /* 320px */ |
| gap-x-80 | column-gap: 20rem; /* 320px */ |
| gap-y-80 | row-gap: 20rem; /* 320px */ |
| gap-96 | gap: 24rem; /* 384px */ |
| gap-x-96 | column-gap: 24rem; /* 384px */ |
| gap-y-96 | row-gap: 24rem; /* 384px */ |
justify content
| Tailwind CSS | CSS |
|---|---|
| justify-normal | justify-content: normal; |
| justify-start | justify-content: flex-start; |
| justify-end | justify-content: flex-end; |
| justify-center | justify-content: center; |
| justify-between | justify-content: space-between; |
| justify-around | justify-content: space-around; |
| justify-evenly | justify-content: space-evenly; |
| justify-stretch | justify-content: stretch; |
justify items
| Tailwind CSS | CSS |
|---|---|
| justify-items-start | justify-items: start; |
| justify-items-end | justify-items: end; |
| justify-items-center | justify-items: center; |
| justify-items-stretch | justify-items: stretch; |
justify self
| Tailwind CSS | CSS |
|---|---|
| justify-self-auto | justify-self: auto; |
| justify-self-start | justify-self: start; |
| justify-self-end | justify-self: end; |
| justify-self-center | justify-self: center; |
| justify-self-stretch | justify-self: stretch; |
align content
| Tailwind CSS | CSS |
|---|---|
| content-normal | align-content: normal; |
| content-center | align-content: center; |
| content-start | align-content: flex-start; |
| content-end | align-content: flex-end; |
| content-between | align-content: space-between; |
| content-around | align-content: space-around; |
| content-evenly | align-content: space-evenly; |
| content-baseline | align-content: baseline; |
| content-stretch | align-content: stretch; |
align items
| Tailwind CSS | CSS |
|---|---|
| items-start | align-items: flex-start; |
| items-end | align-items: flex-end; |
| items-center | align-items: center; |
| items-baseline | align-items: baseline; |
| items-stretch | align-items: stretch; |
align self
| Tailwind CSS | CSS |
|---|---|
| self-auto | align-self: auto; |
| self-start | align-self: flex-start; |
| self-end | align-self: flex-end; |
| self-center | align-self: center; |
| self-stretch | align-self: stretch; |
| self-baseline | align-self: baseline; |
place content
| Tailwind CSS | CSS |
|---|---|
| place-content-center | place-content: center; |
| place-content-start | place-content: start; |
| place-content-end | place-content: end; |
| place-content-between | place-content: space-between; |
| place-content-around | place-content: space-around; |
| place-content-evenly | place-content: space-evenly; |
| place-content-baseline | place-content: baseline; |
| place-content-stretch | place-content: stretch; |
place items
| Tailwind CSS | CSS |
|---|---|
| place-items-start | place-items: start; |
| place-items-end | place-items: end; |
| place-items-center | place-items: center; |
| place-items-baseline | place-items: baseline; |
| place-items-stretch | place-items: stretch; |
place self
| Tailwind CSS | CSS |
|---|---|
| place-self-auto | place-self: auto; |
| place-self-start | place-self: start; |
| place-self-end | place-self: end; |
| place-self-center | place-self: center; |
| place-self-stretch | place-self: stretch; |
padding
| Tailwind CSS | CSS |
|---|---|
| p-0 | padding: 0px; |
| px-0 | padding-left: 0px; padding-right: 0px; |
| py-0 | padding-top: 0px; padding-bottom: 0px; |
| ps-0 | padding-inline-start: 0px; |
| pe-0 | padding-inline-end: 0px; |
| pt-0 | padding-top: 0px; |
| pr-0 | padding-right: 0px; |
| pb-0 | padding-bottom: 0px; |
| pl-0 | padding-left: 0px; |
| p-px | padding: 1px; |
| px-px | padding-left: 1px; padding-right: 1px; |
| py-px | padding-top: 1px; padding-bottom: 1px; |
| ps-px | padding-inline-start: 1px; |
| pe-px | padding-inline-end: 1px; |
| pt-px | padding-top: 1px; |
| pr-px | padding-right: 1px; |
| pb-px | padding-bottom: 1px; |
| pl-px | padding-left: 1px; |
| p-0.5 | padding: 0.125rem; /* 2px */ |
| px-0.5 | padding-left: 0.125rem; /* 2px */ padding-right: 0.125rem; /* 2px */ |
| py-0.5 | padding-top: 0.125rem; /* 2px */ padding-bottom: 0.125rem; /* 2px */ |
| ps-0.5 | padding-inline-start: 0.125rem; /* 2px */ |
| pe-0.5 | padding-inline-end: 0.125rem; /* 2px */ |
| pt-0.5 | padding-top: 0.125rem; /* 2px */ |
| pr-0.5 | padding-right: 0.125rem; /* 2px */ |
| pb-0.5 | padding-bottom: 0.125rem; /* 2px */ |
| pl-0.5 | padding-left: 0.125rem; /* 2px */ |
| p-1 | padding: 0.25rem; /* 4px */ |
| px-1 | padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ |
| py-1 | padding-top: 0.25rem; /* 4px */ padding-bottom: 0.25rem; /* 4px */ |
| ps-1 | padding-inline-start: 0.25rem; /* 4px */ |
| pe-1 | padding-inline-end: 0.25rem; /* 4px */ |
| pt-1 | padding-top: 0.25rem; /* 4px */ |
| pr-1 | padding-right: 0.25rem; /* 4px */ |
| pb-1 | padding-bottom: 0.25rem; /* 4px */ |
| pl-1 | padding-left: 0.25rem; /* 4px */ |
| p-1.5 | padding: 0.375rem; /* 6px */ |
| px-1.5 | padding-left: 0.375rem; /* 6px */ padding-right: 0.375rem; /* 6px */ |
| py-1.5 | padding-top: 0.375rem; /* 6px */ padding-bottom: 0.375rem; /* 6px */ |
| ps-1.5 | padding-inline-start: 0.375rem; /* 6px */ |
| pe-1.5 | padding-inline-end: 0.375rem; /* 6px */ |
| pt-1.5 | padding-top: 0.375rem; /* 6px */ |
| pr-1.5 | padding-right: 0.375rem; /* 6px */ |
| pb-1.5 | padding-bottom: 0.375rem; /* 6px */ |
| pl-1.5 | padding-left: 0.375rem; /* 6px */ |
| p-2 | padding: 0.5rem; /* 8px */ |
| px-2 | padding-left: 0.5rem; /* 8px */ padding-right: 0.5rem; /* 8px */ |
| py-2 | padding-top: 0.5rem; /* 8px */ padding-bottom: 0.5rem; /* 8px */ |
| ps-2 | padding-inline-start: 0.5rem; /* 8px */ |
| pe-2 | padding-inline-end: 0.5rem; /* 8px */ |
| pt-2 | padding-top: 0.5rem; /* 8px */ |
| pr-2 | padding-right: 0.5rem; /* 8px */ |
| pb-2 | padding-bottom: 0.5rem; /* 8px */ |
| pl-2 | padding-left: 0.5rem; /* 8px */ |
| p-2.5 | padding: 0.625rem; /* 10px */ |
| px-2.5 | padding-left: 0.625rem; /* 10px */ padding-right: 0.625rem; /* 10px */ |
| py-2.5 | padding-top: 0.625rem; /* 10px */ padding-bottom: 0.625rem; /* 10px */ |
| ps-2.5 | padding-inline-start: 0.625rem; /* 10px */ |
| pe-2.5 | padding-inline-end: 0.625rem; /* 10px */ |
| pt-2.5 | padding-top: 0.625rem; /* 10px */ |
| pr-2.5 | padding-right: 0.625rem; /* 10px */ |
| pb-2.5 | padding-bottom: 0.625rem; /* 10px */ |
| pl-2.5 | padding-left: 0.625rem; /* 10px */ |
| p-3 | padding: 0.75rem; /* 12px */ |
| px-3 | padding-left: 0.75rem; /* 12px */ padding-right: 0.75rem; /* 12px */ |
| py-3 | padding-top: 0.75rem; /* 12px */ padding-bottom: 0.75rem; /* 12px */ |
| ps-3 | padding-inline-start: 0.75rem; /* 12px */ |
| pe-3 | padding-inline-end: 0.75rem; /* 12px */ |
| pt-3 | padding-top: 0.75rem; /* 12px */ |
| pr-3 | padding-right: 0.75rem; /* 12px */ |
| pb-3 | padding-bottom: 0.75rem; /* 12px */ |
| pl-3 | padding-left: 0.75rem; /* 12px */ |
| p-3.5 | padding: 0.875rem; /* 14px */ |
| px-3.5 | padding-left: 0.875rem; /* 14px */ padding-right: 0.875rem; /* 14px */ |
| py-3.5 | padding-top: 0.875rem; /* 14px */ padding-bottom: 0.875rem; /* 14px */ |
| ps-3.5 | padding-inline-start: 0.875rem; /* 14px */ |
| pe-3.5 | padding-inline-end: 0.875rem; /* 14px */ |
| pt-3.5 | padding-top: 0.875rem; /* 14px */ |
| pr-3.5 | padding-right: 0.875rem; /* 14px */ |
| pb-3.5 | padding-bottom: 0.875rem; /* 14px */ |
| pl-3.5 | padding-left: 0.875rem; /* 14px */ |
| p-4 | padding: 1rem; /* 16px */ |
| px-4 | padding-left: 1rem; /* 16px */ padding-right: 1rem; /* 16px */ |
| py-4 | padding-top: 1rem; /* 16px */ padding-bottom: 1rem; /* 16px */ |
| ps-4 | padding-inline-start: 1rem; /* 16px */ |
| pe-4 | padding-inline-end: 1rem; /* 16px */ |
| pt-4 | padding-top: 1rem; /* 16px */ |
| pr-4 | padding-right: 1rem; /* 16px */ |
| pb-4 | padding-bottom: 1rem; /* 16px */ |
| pl-4 | padding-left: 1rem; /* 16px */ |
| p-5 | padding: 1.25rem; /* 20px */ |
| px-5 | padding-left: 1.25rem; /* 20px */ padding-right: 1.25rem; /* 20px */ |
| py-5 | padding-top: 1.25rem; /* 20px */ padding-bottom: 1.25rem; /* 20px */ |
| ps-5 | padding-inline-start: 1.25rem; /* 20px */ |
| pe-5 | padding-inline-end: 1.25rem; /* 20px */ |
| pt-5 | padding-top: 1.25rem; /* 20px */ |
| pr-5 | padding-right: 1.25rem; /* 20px */ |
| pb-5 | padding-bottom: 1.25rem; /* 20px */ |
| pl-5 | padding-left: 1.25rem; /* 20px */ |
| p-6 | padding: 1.5rem; /* 24px */ |
| px-6 | padding-left: 1.5rem; /* 24px */ padding-right: 1.5rem; /* 24px */ |
| py-6 | padding-top: 1.5rem; /* 24px */ padding-bottom: 1.5rem; /* 24px */ |
| ps-6 | padding-inline-start: 1.5rem; /* 24px */ |
| pe-6 | padding-inline-end: 1.5rem; /* 24px */ |
| pt-6 | padding-top: 1.5rem; /* 24px */ |
| pr-6 | padding-right: 1.5rem; /* 24px */ |
| pb-6 | padding-bottom: 1.5rem; /* 24px */ |
| pl-6 | padding-left: 1.5rem; /* 24px */ |
| p-7 | padding: 1.75rem; /* 28px */ |
| px-7 | padding-left: 1.75rem; /* 28px */ padding-right: 1.75rem; /* 28px */ |
| py-7 | padding-top: 1.75rem; /* 28px */ padding-bottom: 1.75rem; /* 28px */ |
| ps-7 | padding-inline-start: 1.75rem; /* 28px */ |
| pe-7 | padding-inline-end: 1.75rem; /* 28px */ |
| pt-7 | padding-top: 1.75rem; /* 28px */ |
| pr-7 | padding-right: 1.75rem; /* 28px */ |
| pb-7 | padding-bottom: 1.75rem; /* 28px */ |
| pl-7 | padding-left: 1.75rem; /* 28px */ |
| p-8 | padding: 2rem; /* 32px */ |
| px-8 | padding-left: 2rem; /* 32px */ padding-right: 2rem; /* 32px */ |
| py-8 | padding-top: 2rem; /* 32px */ padding-bottom: 2rem; /* 32px */ |
| ps-8 | padding-inline-start: 2rem; /* 32px */ |
| pe-8 | padding-inline-end: 2rem; /* 32px */ |
| pt-8 | padding-top: 2rem; /* 32px */ |
| pr-8 | padding-right: 2rem; /* 32px */ |
| pb-8 | padding-bottom: 2rem; /* 32px */ |
| pl-8 | padding-left: 2rem; /* 32px */ |
| p-9 | padding: 2.25rem; /* 36px */ |
| px-9 | padding-left: 2.25rem; /* 36px */ padding-right: 2.25rem; /* 36px */ |
| py-9 | padding-top: 2.25rem; /* 36px */ padding-bottom: 2.25rem; /* 36px */ |
| ps-9 | padding-inline-start: 2.25rem; /* 36px */ |
| pe-9 | padding-inline-end: 2.25rem; /* 36px */ |
| pt-9 | padding-top: 2.25rem; /* 36px */ |
| pr-9 | padding-right: 2.25rem; /* 36px */ |
| pb-9 | padding-bottom: 2.25rem; /* 36px */ |
| pl-9 | padding-left: 2.25rem; /* 36px */ |
| p-10 | padding: 2.5rem; /* 40px */ |
| px-10 | padding-left: 2.5rem; /* 40px */ padding-right: 2.5rem; /* 40px */ |
| py-10 | padding-top: 2.5rem; /* 40px */ padding-bottom: 2.5rem; /* 40px */ |
| ps-10 | padding-inline-start: 2.5rem; /* 40px */ |
| pe-10 | padding-inline-end: 2.5rem; /* 40px */ |
| pt-10 | padding-top: 2.5rem; /* 40px */ |
| pr-10 | padding-right: 2.5rem; /* 40px */ |
| pb-10 | padding-bottom: 2.5rem; /* 40px */ |
| pl-10 | padding-left: 2.5rem; /* 40px */ |
| p-11 | padding: 2.75rem; /* 44px */ |
| px-11 | padding-left: 2.75rem; /* 44px */ padding-right: 2.75rem; /* 44px */ |
| py-11 | padding-top: 2.75rem; /* 44px */ padding-bottom: 2.75rem; /* 44px */ |
| ps-11 | padding-inline-start: 2.75rem; /* 44px */ |
| pe-11 | padding-inline-end: 2.75rem; /* 44px */ |
| pt-11 | padding-top: 2.75rem; /* 44px */ |
| pr-11 | padding-right: 2.75rem; /* 44px */ |
| pb-11 | padding-bottom: 2.75rem; /* 44px */ |
| pl-11 | padding-left: 2.75rem; /* 44px */ |
| p-12 | padding: 3rem; /* 48px */ |
| px-12 | padding-left: 3rem; /* 48px */ padding-right: 3rem; /* 48px */ |
| py-12 | padding-top: 3rem; /* 48px */ padding-bottom: 3rem; /* 48px */ |
| ps-12 | padding-inline-start: 3rem; /* 48px */ |
| pe-12 | padding-inline-end: 3rem; /* 48px */ |
| pt-12 | padding-top: 3rem; /* 48px */ |
| pr-12 | padding-right: 3rem; /* 48px */ |
| pb-12 | padding-bottom: 3rem; /* 48px */ |
| pl-12 | padding-left: 3rem; /* 48px */ |
| p-14 | padding: 3.5rem; /* 56px */ |
| px-14 | padding-left: 3.5rem; /* 56px */ padding-right: 3.5rem; /* 56px */ |
| py-14 | padding-top: 3.5rem; /* 56px */ padding-bottom: 3.5rem; /* 56px */ |
| ps-14 | padding-inline-start: 3.5rem; /* 56px */ |
| pe-14 | padding-inline-end: 3.5rem; /* 56px */ |
| pt-14 | padding-top: 3.5rem; /* 56px */ |
| pr-14 | padding-right: 3.5rem; /* 56px */ |
| pb-14 | padding-bottom: 3.5rem; /* 56px */ |
| pl-14 | padding-left: 3.5rem; /* 56px */ |
| p-16 | padding: 4rem; /* 64px */ |
| px-16 | padding-left: 4rem; /* 64px */ padding-right: 4rem; /* 64px */ |
| py-16 | padding-top: 4rem; /* 64px */ padding-bottom: 4rem; /* 64px */ |
| ps-16 | padding-inline-start: 4rem; /* 64px */ |
| pe-16 | padding-inline-end: 4rem; /* 64px */ |
| pt-16 | padding-top: 4rem; /* 64px */ |
| pr-16 | padding-right: 4rem; /* 64px */ |
| pb-16 | padding-bottom: 4rem; /* 64px */ |
| pl-16 | padding-left: 4rem; /* 64px */ |
| p-20 | padding: 5rem; /* 80px */ |
| px-20 | padding-left: 5rem; /* 80px */ padding-right: 5rem; /* 80px */ |
| py-20 | padding-top: 5rem; /* 80px */ padding-bottom: 5rem; /* 80px */ |
| ps-20 | padding-inline-start: 5rem; /* 80px */ |
| pe-20 | padding-inline-end: 5rem; /* 80px */ |
| pt-20 | padding-top: 5rem; /* 80px */ |
| pr-20 | padding-right: 5rem; /* 80px */ |
| pb-20 | padding-bottom: 5rem; /* 80px */ |
| pl-20 | padding-left: 5rem; /* 80px */ |
| p-24 | padding: 6rem; /* 96px */ |
| px-24 | padding-left: 6rem; /* 96px */ padding-right: 6rem; /* 96px */ |
| py-24 | padding-top: 6rem; /* 96px */ padding-bottom: 6rem; /* 96px */ |
| ps-24 | padding-inline-start: 6rem; /* 96px */ |
| pe-24 | padding-inline-end: 6rem; /* 96px */ |
| pt-24 | padding-top: 6rem; /* 96px */ |
| pr-24 | padding-right: 6rem; /* 96px */ |
| pb-24 | padding-bottom: 6rem; /* 96px */ |
| pl-24 | padding-left: 6rem; /* 96px */ |
| p-28 | padding: 7rem; /* 112px */ |
| px-28 | padding-left: 7rem; /* 112px */ padding-right: 7rem; /* 112px */ |
| py-28 | padding-top: 7rem; /* 112px */ padding-bottom: 7rem; /* 112px */ |
| ps-28 | padding-inline-start: 7rem; /* 112px */ |
| pe-28 | padding-inline-end: 7rem; /* 112px */ |
| pt-28 | padding-top: 7rem; /* 112px */ |
| pr-28 | padding-right: 7rem; /* 112px */ |
| pb-28 | padding-bottom: 7rem; /* 112px */ |
| pl-28 | padding-left: 7rem; /* 112px */ |
| p-32 | padding: 8rem; /* 128px */ |
| px-32 | padding-left: 8rem; /* 128px */ padding-right: 8rem; /* 128px */ |
| py-32 | padding-top: 8rem; /* 128px */ padding-bottom: 8rem; /* 128px */ |
| ps-32 | padding-inline-start: 8rem; /* 128px */ |
| pe-32 | padding-inline-end: 8rem; /* 128px */ |
| pt-32 | padding-top: 8rem; /* 128px */ |
| pr-32 | padding-right: 8rem; /* 128px */ |
| pb-32 | padding-bottom: 8rem; /* 128px */ |
| pl-32 | padding-left: 8rem; /* 128px */ |
| p-36 | padding: 9rem; /* 144px */ |
| px-36 | padding-left: 9rem; /* 144px */ padding-right: 9rem; /* 144px */ |
| py-36 | padding-top: 9rem; /* 144px */ padding-bottom: 9rem; /* 144px */ |
| ps-36 | padding-inline-start: 9rem; /* 144px */ |
| pe-36 | padding-inline-end: 9rem; /* 144px */ |
| pt-36 | padding-top: 9rem; /* 144px */ |
| pr-36 | padding-right: 9rem; /* 144px */ |
| pb-36 | padding-bottom: 9rem; /* 144px */ |
| pl-36 | padding-left: 9rem; /* 144px */ |
| p-40 | padding: 10rem; /* 160px */ |
| px-40 | padding-left: 10rem; /* 160px */ padding-right: 10rem; /* 160px */ |
| py-40 | padding-top: 10rem; /* 160px */ padding-bottom: 10rem; /* 160px */ |
| ps-40 | padding-inline-start: 10rem; /* 160px */ |
| pe-40 | padding-inline-end: 10rem; /* 160px */ |
| pt-40 | padding-top: 10rem; /* 160px */ |
| pr-40 | padding-right: 10rem; /* 160px */ |
| pb-40 | padding-bottom: 10rem; /* 160px */ |
| pl-40 | padding-left: 10rem; /* 160px */ |
| p-44 | padding: 11rem; /* 176px */ |
| px-44 | padding-left: 11rem; /* 176px */ padding-right: 11rem; /* 176px */ |
| py-44 | padding-top: 11rem; /* 176px */ padding-bottom: 11rem; /* 176px */ |
| ps-44 | padding-inline-start: 11rem; /* 176px */ |
| pe-44 | padding-inline-end: 11rem; /* 176px */ |
| pt-44 | padding-top: 11rem; /* 176px */ |
| pr-44 | padding-right: 11rem; /* 176px */ |
| pb-44 | padding-bottom: 11rem; /* 176px */ |
| pl-44 | padding-left: 11rem; /* 176px */ |
| p-48 | padding: 12rem; /* 192px */ |
| px-48 | padding-left: 12rem; /* 192px */ padding-right: 12rem; /* 192px */ |
| py-48 | padding-top: 12rem; /* 192px */ padding-bottom: 12rem; /* 192px */ |
| ps-48 | padding-inline-start: 12rem; /* 192px */ |
| pe-48 | padding-inline-end: 12rem; /* 192px */ |
| pt-48 | padding-top: 12rem; /* 192px */ |
| pr-48 | padding-right: 12rem; /* 192px */ |
| pb-48 | padding-bottom: 12rem; /* 192px */ |
| pl-48 | padding-left: 12rem; /* 192px */ |
| p-52 | padding: 13rem; /* 208px */ |
| px-52 | padding-left: 13rem; /* 208px */ padding-right: 13rem; /* 208px */ |
| py-52 | padding-top: 13rem; /* 208px */ padding-bottom: 13rem; /* 208px */ |
| ps-52 | padding-inline-start: 13rem; /* 208px */ |
| pe-52 | padding-inline-end: 13rem; /* 208px */ |
| pt-52 | padding-top: 13rem; /* 208px */ |
| pr-52 | padding-right: 13rem; /* 208px */ |
| pb-52 | padding-bottom: 13rem; /* 208px */ |
| pl-52 | padding-left: 13rem; /* 208px */ |
| p-56 | padding: 14rem; /* 224px */ |
| px-56 | padding-left: 14rem; /* 224px */ padding-right: 14rem; /* 224px */ |
| py-56 | padding-top: 14rem; /* 224px */ padding-bottom: 14rem; /* 224px */ |
| ps-56 | padding-inline-start: 14rem; /* 224px */ |
| pe-56 | padding-inline-end: 14rem; /* 224px */ |
| pt-56 | padding-top: 14rem; /* 224px */ |
| pr-56 | padding-right: 14rem; /* 224px */ |
| pb-56 | padding-bottom: 14rem; /* 224px */ |
| pl-56 | padding-left: 14rem; /* 224px */ |
| p-60 | padding: 15rem; /* 240px */ |
| px-60 | padding-left: 15rem; /* 240px */ padding-right: 15rem; /* 240px */ |
| py-60 | padding-top: 15rem; /* 240px */ padding-bottom: 15rem; /* 240px */ |
| ps-60 | padding-inline-start: 15rem; /* 240px */ |
| pe-60 | padding-inline-end: 15rem; /* 240px */ |
| pt-60 | padding-top: 15rem; /* 240px */ |
| pr-60 | padding-right: 15rem; /* 240px */ |
| pb-60 | padding-bottom: 15rem; /* 240px */ |
| pl-60 | padding-left: 15rem; /* 240px */ |
| p-64 | padding: 16rem; /* 256px */ |
| px-64 | padding-left: 16rem; /* 256px */ padding-right: 16rem; /* 256px */ |
| py-64 | padding-top: 16rem; /* 256px */ padding-bottom: 16rem; /* 256px */ |
| ps-64 | padding-inline-start: 16rem; /* 256px */ |
| pe-64 | padding-inline-end: 16rem; /* 256px */ |
| pt-64 | padding-top: 16rem; /* 256px */ |
| pr-64 | padding-right: 16rem; /* 256px */ |
| pb-64 | padding-bottom: 16rem; /* 256px */ |
| pl-64 | padding-left: 16rem; /* 256px */ |
| p-72 | padding: 18rem; /* 288px */ |
| px-72 | padding-left: 18rem; /* 288px */ padding-right: 18rem; /* 288px */ |
| py-72 | padding-top: 18rem; /* 288px */ padding-bottom: 18rem; /* 288px */ |
| ps-72 | padding-inline-start: 18rem; /* 288px */ |
| pe-72 | padding-inline-end: 18rem; /* 288px */ |
| pt-72 | padding-top: 18rem; /* 288px */ |
| pr-72 | padding-right: 18rem; /* 288px */ |
| pb-72 | padding-bottom: 18rem; /* 288px */ |
| pl-72 | padding-left: 18rem; /* 288px */ |
| p-80 | padding: 20rem; /* 320px */ |
| px-80 | padding-left: 20rem; /* 320px */ padding-right: 20rem; /* 320px */ |
| py-80 | padding-top: 20rem; /* 320px */ padding-bottom: 20rem; /* 320px */ |
| ps-80 | padding-inline-start: 20rem; /* 320px */ |
| pe-80 | padding-inline-end: 20rem; /* 320px */ |
| pt-80 | padding-top: 20rem; /* 320px */ |
| pr-80 | padding-right: 20rem; /* 320px */ |
| pb-80 | padding-bottom: 20rem; /* 320px */ |
| pl-80 | padding-left: 20rem; /* 320px */ |
| p-96 | padding: 24rem; /* 384px */ |
| px-96 | padding-left: 24rem; /* 384px */ padding-right: 24rem; /* 384px */ |
| py-96 | padding-top: 24rem; /* 384px */ padding-bottom: 24rem; /* 384px */ |
| ps-96 | padding-inline-start: 24rem; /* 384px */ |
| pe-96 | padding-inline-end: 24rem; /* 384px */ |
| pt-96 | padding-top: 24rem; /* 384px */ |
| pr-96 | padding-right: 24rem; /* 384px */ |
| pb-96 | padding-bottom: 24rem; /* 384px */ |
| pl-96 | padding-left: 24rem; /* 384px */ |
margin
| Tailwind CSS | CSS |
|---|---|
| m-0 | margin: 0px; |
| mx-0 | margin-left: 0px; margin-right: 0px; |
| my-0 | margin-top: 0px; margin-bottom: 0px; |
| ms-0 | margin-inline-start: 0px; |
| me-0 | margin-inline-end: 0px; |
| mt-0 | margin-top: 0px; |
| mr-0 | margin-right: 0px; |
| mb-0 | margin-bottom: 0px; |
| ml-0 | margin-left: 0px; |
| m-px | margin: 1px; |
| mx-px | margin-left: 1px; margin-right: 1px; |
| my-px | margin-top: 1px; margin-bottom: 1px; |
| ms-px | margin-inline-start: 1px; |
| me-px | margin-inline-end: 1px; |
| mt-px | margin-top: 1px; |
| mr-px | margin-right: 1px; |
| mb-px | margin-bottom: 1px; |
| ml-px | margin-left: 1px; |
| m-0.5 | margin: 0.125rem; /* 2px */ |
| mx-0.5 | margin-left: 0.125rem; /* 2px */ margin-right: 0.125rem; /* 2px */ |
| my-0.5 | margin-top: 0.125rem; /* 2px */ margin-bottom: 0.125rem; /* 2px */ |
| ms-0.5 | margin-inline-start: 0.125rem; /* 2px */ |
| me-0.5 | margin-inline-end: 0.125rem; /* 2px */ |
| mt-0.5 | margin-top: 0.125rem; /* 2px */ |
| mr-0.5 | margin-right: 0.125rem; /* 2px */ |
| mb-0.5 | margin-bottom: 0.125rem; /* 2px */ |
| ml-0.5 | margin-left: 0.125rem; /* 2px */ |
| m-1 | margin: 0.25rem; /* 4px */ |
| mx-1 | margin-left: 0.25rem; /* 4px */ margin-right: 0.25rem; /* 4px */ |
| my-1 | margin-top: 0.25rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */ |
| ms-1 | margin-inline-start: 0.25rem; /* 4px */ |
| me-1 | margin-inline-end: 0.25rem; /* 4px */ |
| mt-1 | margin-top: 0.25rem; /* 4px */ |
| mr-1 | margin-right: 0.25rem; /* 4px */ |
| mb-1 | margin-bottom: 0.25rem; /* 4px */ |
| ml-1 | margin-left: 0.25rem; /* 4px */ |
| m-1.5 | margin: 0.375rem; /* 6px */ |
| mx-1.5 | margin-left: 0.375rem; /* 6px */ margin-right: 0.375rem; /* 6px */ |
| my-1.5 | margin-top: 0.375rem; /* 6px */ margin-bottom: 0.375rem; /* 6px */ |
| ms-1.5 | margin-inline-start: 0.375rem; /* 6px */ |
| me-1.5 | margin-inline-end: 0.375rem; /* 6px */ |
| mt-1.5 | margin-top: 0.375rem; /* 6px */ |
| mr-1.5 | margin-right: 0.375rem; /* 6px */ |
| mb-1.5 | margin-bottom: 0.375rem; /* 6px */ |
| ml-1.5 | margin-left: 0.375rem; /* 6px */ |
| m-2 | margin: 0.5rem; /* 8px */ |
| mx-2 | margin-left: 0.5rem; /* 8px */ margin-right: 0.5rem; /* 8px */ |
| my-2 | margin-top: 0.5rem; /* 8px */ margin-bottom: 0.5rem; /* 8px */ |
| ms-2 | margin-inline-start: 0.5rem; /* 8px */ |
| me-2 | margin-inline-end: 0.5rem; /* 8px */ |
| mt-2 | margin-top: 0.5rem; /* 8px */ |
| mr-2 | margin-right: 0.5rem; /* 8px */ |
| mb-2 | margin-bottom: 0.5rem; /* 8px */ |
| ml-2 | margin-left: 0.5rem; /* 8px */ |
| m-2.5 | margin: 0.625rem; /* 10px */ |
| mx-2.5 | margin-left: 0.625rem; /* 10px */ margin-right: 0.625rem; /* 10px */ |
| my-2.5 | margin-top: 0.625rem; /* 10px */ margin-bottom: 0.625rem; /* 10px */ |
| ms-2.5 | margin-inline-start: 0.625rem; /* 10px */ |
| me-2.5 | margin-inline-end: 0.625rem; /* 10px */ |
| mt-2.5 | margin-top: 0.625rem; /* 10px */ |
| mr-2.5 | margin-right: 0.625rem; /* 10px */ |
| mb-2.5 | margin-bottom: 0.625rem; /* 10px */ |
| ml-2.5 | margin-left: 0.625rem; /* 10px */ |
| m-3 | margin: 0.75rem; /* 12px */ |
| mx-3 | margin-left: 0.75rem; /* 12px */ margin-right: 0.75rem; /* 12px */ |
| my-3 | margin-top: 0.75rem; /* 12px */ margin-bottom: 0.75rem; /* 12px */ |
| ms-3 | margin-inline-start: 0.75rem; /* 12px */ |
| me-3 | margin-inline-end: 0.75rem; /* 12px */ |
| mt-3 | margin-top: 0.75rem; /* 12px */ |
| mr-3 | margin-right: 0.75rem; /* 12px */ |
| mb-3 | margin-bottom: 0.75rem; /* 12px */ |
| ml-3 | margin-left: 0.75rem; /* 12px */ |
| m-3.5 | margin: 0.875rem; /* 14px */ |
| mx-3.5 | margin-left: 0.875rem; /* 14px */ margin-right: 0.875rem; /* 14px */ |
| my-3.5 | margin-top: 0.875rem; /* 14px */ margin-bottom: 0.875rem; /* 14px */ |
| ms-3.5 | margin-inline-start: 0.875rem; /* 14px */ |
| me-3.5 | margin-inline-end: 0.875rem; /* 14px */ |
| mt-3.5 | margin-top: 0.875rem; /* 14px */ |
| mr-3.5 | margin-right: 0.875rem; /* 14px */ |
| mb-3.5 | margin-bottom: 0.875rem; /* 14px */ |
| ml-3.5 | margin-left: 0.875rem; /* 14px */ |
| m-4 | margin: 1rem; /* 16px */ |
| mx-4 | margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */ |
| my-4 | margin-top: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */ |
| ms-4 | margin-inline-start: 1rem; /* 16px */ |
| me-4 | margin-inline-end: 1rem; /* 16px */ |
| mt-4 | margin-top: 1rem; /* 16px */ |
| mr-4 | margin-right: 1rem; /* 16px */ |
| mb-4 | margin-bottom: 1rem; /* 16px */ |
| ml-4 | margin-left: 1rem; /* 16px */ |
| m-5 | margin: 1.25rem; /* 20px */ |
| mx-5 | margin-left: 1.25rem; /* 20px */ margin-right: 1.25rem; /* 20px */ |
| my-5 | margin-top: 1.25rem; /* 20px */ margin-bottom: 1.25rem; /* 20px */ |
| ms-5 | margin-inline-start: 1.25rem; /* 20px */ |
| me-5 | margin-inline-end: 1.25rem; /* 20px */ |
| mt-5 | margin-top: 1.25rem; /* 20px */ |
| mr-5 | margin-right: 1.25rem; /* 20px */ |
| mb-5 | margin-bottom: 1.25rem; /* 20px */ |
| ml-5 | margin-left: 1.25rem; /* 20px */ |
| m-6 | margin: 1.5rem; /* 24px */ |
| mx-6 | margin-left: 1.5rem; /* 24px */ margin-right: 1.5rem; /* 24px */ |
| my-6 | margin-top: 1.5rem; /* 24px */ margin-bottom: 1.5rem; /* 24px */ |
| ms-6 | margin-inline-start: 1.5rem; /* 24px */ |
| me-6 | margin-inline-end: 1.5rem; /* 24px */ |
| mt-6 | margin-top: 1.5rem; /* 24px */ |
| mr-6 | margin-right: 1.5rem; /* 24px */ |
| mb-6 | margin-bottom: 1.5rem; /* 24px */ |
| ml-6 | margin-left: 1.5rem; /* 24px */ |
| m-7 | margin: 1.75rem; /* 28px */ |
| mx-7 | margin-left: 1.75rem; /* 28px */ margin-right: 1.75rem; /* 28px */ |
| my-7 | margin-top: 1.75rem; /* 28px */ margin-bottom: 1.75rem; /* 28px */ |
| ms-7 | margin-inline-start: 1.75rem; /* 28px */ |
| me-7 | margin-inline-end: 1.75rem; /* 28px */ |
| mt-7 | margin-top: 1.75rem; /* 28px */ |
| mr-7 | margin-right: 1.75rem; /* 28px */ |
| mb-7 | margin-bottom: 1.75rem; /* 28px */ |
| ml-7 | margin-left: 1.75rem; /* 28px */ |
| m-8 | margin: 2rem; /* 32px */ |
| mx-8 | margin-left: 2rem; /* 32px */ margin-right: 2rem; /* 32px */ |
| my-8 | margin-top: 2rem; /* 32px */ margin-bottom: 2rem; /* 32px */ |
| ms-8 | margin-inline-start: 2rem; /* 32px */ |
| me-8 | margin-inline-end: 2rem; /* 32px */ |
| mt-8 | margin-top: 2rem; /* 32px */ |
| mr-8 | margin-right: 2rem; /* 32px */ |
| mb-8 | margin-bottom: 2rem; /* 32px */ |
| ml-8 | margin-left: 2rem; /* 32px */ |
| m-9 | margin: 2.25rem; /* 36px */ |
| mx-9 | margin-left: 2.25rem; /* 36px */ margin-right: 2.25rem; /* 36px */ |
| my-9 | margin-top: 2.25rem; /* 36px */ margin-bottom: 2.25rem; /* 36px */ |
| ms-9 | margin-inline-start: 2.25rem; /* 36px */ |
| me-9 | margin-inline-end: 2.25rem; /* 36px */ |
| mt-9 | margin-top: 2.25rem; /* 36px */ |
| mr-9 | margin-right: 2.25rem; /* 36px */ |
| mb-9 | margin-bottom: 2.25rem; /* 36px */ |
| ml-9 | margin-left: 2.25rem; /* 36px */ |
| m-10 | margin: 2.5rem; /* 40px */ |
| mx-10 | margin-left: 2.5rem; /* 40px */ margin-right: 2.5rem; /* 40px */ |
| my-10 | margin-top: 2.5rem; /* 40px */ margin-bottom: 2.5rem; /* 40px */ |
| ms-10 | margin-inline-start: 2.5rem; /* 40px */ |
| me-10 | margin-inline-end: 2.5rem; /* 40px */ |
| mt-10 | margin-top: 2.5rem; /* 40px */ |
| mr-10 | margin-right: 2.5rem; /* 40px */ |
| mb-10 | margin-bottom: 2.5rem; /* 40px */ |
| ml-10 | margin-left: 2.5rem; /* 40px */ |
| m-11 | margin: 2.75rem; /* 44px */ |
| mx-11 | margin-left: 2.75rem; /* 44px */ margin-right: 2.75rem; /* 44px */ |
| my-11 | margin-top: 2.75rem; /* 44px */ margin-bottom: 2.75rem; /* 44px */ |
| ms-11 | margin-inline-start: 2.75rem; /* 44px */ |
| me-11 | margin-inline-end: 2.75rem; /* 44px */ |
| mt-11 | margin-top: 2.75rem; /* 44px */ |
| mr-11 | margin-right: 2.75rem; /* 44px */ |
| mb-11 | margin-bottom: 2.75rem; /* 44px */ |
| ml-11 | margin-left: 2.75rem; /* 44px */ |
| m-12 | margin: 3rem; /* 48px */ |
| mx-12 | margin-left: 3rem; /* 48px */ margin-right: 3rem; /* 48px */ |
| my-12 | margin-top: 3rem; /* 48px */ margin-bottom: 3rem; /* 48px */ |
| ms-12 | margin-inline-start: 3rem; /* 48px */ |
| me-12 | margin-inline-end: 3rem; /* 48px */ |
| mt-12 | margin-top: 3rem; /* 48px */ |
| mr-12 | margin-right: 3rem; /* 48px */ |
| mb-12 | margin-bottom: 3rem; /* 48px */ |
| ml-12 | margin-left: 3rem; /* 48px */ |
| m-14 | margin: 3.5rem; /* 56px */ |
| mx-14 | margin-left: 3.5rem; /* 56px */ margin-right: 3.5rem; /* 56px */ |
| my-14 | margin-top: 3.5rem; /* 56px */ margin-bottom: 3.5rem; /* 56px */ |
| ms-14 | margin-inline-start: 3.5rem; /* 56px */ |
| me-14 | margin-inline-end: 3.5rem; /* 56px */ |
| mt-14 | margin-top: 3.5rem; /* 56px */ |
| mr-14 | margin-right: 3.5rem; /* 56px */ |
| mb-14 | margin-bottom: 3.5rem; /* 56px */ |
| ml-14 | margin-left: 3.5rem; /* 56px */ |
| m-16 | margin: 4rem; /* 64px */ |
| mx-16 | margin-left: 4rem; /* 64px */ margin-right: 4rem; /* 64px */ |
| my-16 | margin-top: 4rem; /* 64px */ margin-bottom: 4rem; /* 64px */ |
| ms-16 | margin-inline-start: 4rem; /* 64px */ |
| me-16 | margin-inline-end: 4rem; /* 64px */ |
| mt-16 | margin-top: 4rem; /* 64px */ |
| mr-16 | margin-right: 4rem; /* 64px */ |
| mb-16 | margin-bottom: 4rem; /* 64px */ |
| ml-16 | margin-left: 4rem; /* 64px */ |
| m-20 | margin: 5rem; /* 80px */ |
| mx-20 | margin-left: 5rem; /* 80px */ margin-right: 5rem; /* 80px */ |
| my-20 | margin-top: 5rem; /* 80px */ margin-bottom: 5rem; /* 80px */ |
| ms-20 | margin-inline-start: 5rem; /* 80px */ |
| me-20 | margin-inline-end: 5rem; /* 80px */ |
| mt-20 | margin-top: 5rem; /* 80px */ |
| mr-20 | margin-right: 5rem; /* 80px */ |
| mb-20 | margin-bottom: 5rem; /* 80px */ |
| ml-20 | margin-left: 5rem; /* 80px */ |
| m-24 | margin: 6rem; /* 96px */ |
| mx-24 | margin-left: 6rem; /* 96px */ margin-right: 6rem; /* 96px */ |
| my-24 | margin-top: 6rem; /* 96px */ margin-bottom: 6rem; /* 96px */ |
| ms-24 | margin-inline-start: 6rem; /* 96px */ |
| me-24 | margin-inline-end: 6rem; /* 96px */ |
| mt-24 | margin-top: 6rem; /* 96px */ |
| mr-24 | margin-right: 6rem; /* 96px */ |
| mb-24 | margin-bottom: 6rem; /* 96px */ |
| ml-24 | margin-left: 6rem; /* 96px */ |
| m-28 | margin: 7rem; /* 112px */ |
| mx-28 | margin-left: 7rem; /* 112px */ margin-right: 7rem; /* 112px */ |
| my-28 | margin-top: 7rem; /* 112px */ margin-bottom: 7rem; /* 112px */ |
| ms-28 | margin-inline-start: 7rem; /* 112px */ |
| me-28 | margin-inline-end: 7rem; /* 112px */ |
| mt-28 | margin-top: 7rem; /* 112px */ |
| mr-28 | margin-right: 7rem; /* 112px */ |
| mb-28 | margin-bottom: 7rem; /* 112px */ |
| ml-28 | margin-left: 7rem; /* 112px */ |
| m-32 | margin: 8rem; /* 128px */ |
| mx-32 | margin-left: 8rem; /* 128px */ margin-right: 8rem; /* 128px */ |
| my-32 | margin-top: 8rem; /* 128px */ margin-bottom: 8rem; /* 128px */ |
| ms-32 | margin-inline-start: 8rem; /* 128px */ |
| me-32 | margin-inline-end: 8rem; /* 128px */ |
| mt-32 | margin-top: 8rem; /* 128px */ |
| mr-32 | margin-right: 8rem; /* 128px */ |
| mb-32 | margin-bottom: 8rem; /* 128px */ |
| ml-32 | margin-left: 8rem; /* 128px */ |
| m-36 | margin: 9rem; /* 144px */ |
| mx-36 | margin-left: 9rem; /* 144px */ margin-right: 9rem; /* 144px */ |
| my-36 | margin-top: 9rem; /* 144px */ margin-bottom: 9rem; /* 144px */ |
| ms-36 | margin-inline-start: 9rem; /* 144px */ |
| me-36 | margin-inline-end: 9rem; /* 144px */ |
| mt-36 | margin-top: 9rem; /* 144px */ |
| mr-36 | margin-right: 9rem; /* 144px */ |
| mb-36 | margin-bottom: 9rem; /* 144px */ |
| ml-36 | margin-left: 9rem; /* 144px */ |
| m-40 | margin: 10rem; /* 160px */ |
| mx-40 | margin-left: 10rem; /* 160px */ margin-right: 10rem; /* 160px */ |
| my-40 | margin-top: 10rem; /* 160px */ margin-bottom: 10rem; /* 160px */ |
| ms-40 | margin-inline-start: 10rem; /* 160px */ |
| me-40 | margin-inline-end: 10rem; /* 160px */ |
| mt-40 | margin-top: 10rem; /* 160px */ |
| mr-40 | margin-right: 10rem; /* 160px */ |
| mb-40 | margin-bottom: 10rem; /* 160px */ |
| ml-40 | margin-left: 10rem; /* 160px */ |
| m-44 | margin: 11rem; /* 176px */ |
| mx-44 | margin-left: 11rem; /* 176px */ margin-right: 11rem; /* 176px */ |
| my-44 | margin-top: 11rem; /* 176px */ margin-bottom: 11rem; /* 176px */ |
| ms-44 | margin-inline-start: 11rem; /* 176px */ |
| me-44 | margin-inline-end: 11rem; /* 176px */ |
| mt-44 | margin-top: 11rem; /* 176px */ |
| mr-44 | margin-right: 11rem; /* 176px */ |
| mb-44 | margin-bottom: 11rem; /* 176px */ |
| ml-44 | margin-left: 11rem; /* 176px */ |
| m-48 | margin: 12rem; /* 192px */ |
| mx-48 | margin-left: 12rem; /* 192px */ margin-right: 12rem; /* 192px */ |
| my-48 | margin-top: 12rem; /* 192px */ margin-bottom: 12rem; /* 192px */ |
| ms-48 | margin-inline-start: 12rem; /* 192px */ |
| me-48 | margin-inline-end: 12rem; /* 192px */ |
| mt-48 | margin-top: 12rem; /* 192px */ |
| mr-48 | margin-right: 12rem; /* 192px */ |
| mb-48 | margin-bottom: 12rem; /* 192px */ |
| ml-48 | margin-left: 12rem; /* 192px */ |
| m-52 | margin: 13rem; /* 208px */ |
| mx-52 | margin-left: 13rem; /* 208px */ margin-right: 13rem; /* 208px */ |
| my-52 | margin-top: 13rem; /* 208px */ margin-bottom: 13rem; /* 208px */ |
| ms-52 | margin-inline-start: 13rem; /* 208px */ |
| me-52 | margin-inline-end: 13rem; /* 208px */ |
| mt-52 | margin-top: 13rem; /* 208px */ |
| mr-52 | margin-right: 13rem; /* 208px */ |
| mb-52 | margin-bottom: 13rem; /* 208px */ |
| ml-52 | margin-left: 13rem; /* 208px */ |
| m-56 | margin: 14rem; /* 224px */ |
| mx-56 | margin-left: 14rem; /* 224px */ margin-right: 14rem; /* 224px */ |
| my-56 | margin-top: 14rem; /* 224px */ margin-bottom: 14rem; /* 224px */ |
| ms-56 | margin-inline-start: 14rem; /* 224px */ |
| me-56 | margin-inline-end: 14rem; /* 224px */ |
| mt-56 | margin-top: 14rem; /* 224px */ |
| mr-56 | margin-right: 14rem; /* 224px */ |
| mb-56 | margin-bottom: 14rem; /* 224px */ |
| ml-56 | margin-left: 14rem; /* 224px */ |
| m-60 | margin: 15rem; /* 240px */ |
| mx-60 | margin-left: 15rem; /* 240px */ margin-right: 15rem; /* 240px */ |
| my-60 | margin-top: 15rem; /* 240px */ margin-bottom: 15rem; /* 240px */ |
| ms-60 | margin-inline-start: 15rem; /* 240px */ |
| me-60 | margin-inline-end: 15rem; /* 240px */ |
| mt-60 | margin-top: 15rem; /* 240px */ |
| mr-60 | margin-right: 15rem; /* 240px */ |
| mb-60 | margin-bottom: 15rem; /* 240px */ |
| ml-60 | margin-left: 15rem; /* 240px */ |
| m-64 | margin: 16rem; /* 256px */ |
| mx-64 | margin-left: 16rem; /* 256px */ margin-right: 16rem; /* 256px */ |
| my-64 | margin-top: 16rem; /* 256px */ margin-bottom: 16rem; /* 256px */ |
| ms-64 | margin-inline-start: 16rem; /* 256px */ |
| me-64 | margin-inline-end: 16rem; /* 256px */ |
| mt-64 | margin-top: 16rem; /* 256px */ |
| mr-64 | margin-right: 16rem; /* 256px */ |
| mb-64 | margin-bottom: 16rem; /* 256px */ |
| ml-64 | margin-left: 16rem; /* 256px */ |
| m-72 | margin: 18rem; /* 288px */ |
| mx-72 | margin-left: 18rem; /* 288px */ margin-right: 18rem; /* 288px */ |
| my-72 | margin-top: 18rem; /* 288px */ margin-bottom: 18rem; /* 288px */ |
| ms-72 | margin-inline-start: 18rem; /* 288px */ |
| me-72 | margin-inline-end: 18rem; /* 288px */ |
| mt-72 | margin-top: 18rem; /* 288px */ |
| mr-72 | margin-right: 18rem; /* 288px */ |
| mb-72 | margin-bottom: 18rem; /* 288px */ |
| ml-72 | margin-left: 18rem; /* 288px */ |
| m-80 | margin: 20rem; /* 320px */ |
| mx-80 | margin-left: 20rem; /* 320px */ margin-right: 20rem; /* 320px */ |
| my-80 | margin-top: 20rem; /* 320px */ margin-bottom: 20rem; /* 320px */ |
| ms-80 | margin-inline-start: 20rem; /* 320px */ |
| me-80 | margin-inline-end: 20rem; /* 320px */ |
| mt-80 | margin-top: 20rem; /* 320px */ |
| mr-80 | margin-right: 20rem; /* 320px */ |
| mb-80 | margin-bottom: 20rem; /* 320px */ |
| ml-80 | margin-left: 20rem; /* 320px */ |
| m-96 | margin: 24rem; /* 384px */ |
| mx-96 | margin-left: 24rem; /* 384px */ margin-right: 24rem; /* 384px */ |
| my-96 | margin-top: 24rem; /* 384px */ margin-bottom: 24rem; /* 384px */ |
| ms-96 | margin-inline-start: 24rem; /* 384px */ |
| me-96 | margin-inline-end: 24rem; /* 384px */ |
| mt-96 | margin-top: 24rem; /* 384px */ |
| mr-96 | margin-right: 24rem; /* 384px */ |
| mb-96 | margin-bottom: 24rem; /* 384px */ |
| ml-96 | margin-left: 24rem; /* 384px */ |
| m-auto | margin: auto; |
| mx-auto | margin-left: auto; margin-right: auto; |
| my-auto | margin-top: auto; margin-bottom: auto; |
| ms-auto | margin-inline-start: auto; |
| me-auto | margin-inline-end: auto; |
| mt-auto | margin-top: auto; |
| mr-auto | margin-right: auto; |
| mb-auto | margin-bottom: auto; |
| ml-auto | margin-left: auto; |
space between
| Tailwind CSS | CSS |
|---|---|
| space-x-0 > * + * | margin-left: 0px; |
| space-y-0 > * + * | margin-top: 0px; |
| space-x-0.5 > * + * | margin-left: 0.125rem; /* 2px */ |
| space-y-0.5 > * + * | margin-top: 0.125rem; /* 2px */ |
| space-x-1 > * + * | margin-left: 0.25rem; /* 4px */ |
| space-y-1 > * + * | margin-top: 0.25rem; /* 4px */ |
| space-x-1.5 > * + * | margin-left: 0.375rem; /* 6px */ |
| space-y-1.5 > * + * | margin-top: 0.375rem; /* 6px */ |
| space-x-2 > * + * | margin-left: 0.5rem; /* 8px */ |
| space-y-2 > * + * | margin-top: 0.5rem; /* 8px */ |
| space-x-2.5 > * + * | margin-left: 0.625rem; /* 10px */ |
| space-y-2.5 > * + * | margin-top: 0.625rem; /* 10px */ |
| space-x-3 > * + * | margin-left: 0.75rem; /* 12px */ |
| space-y-3 > * + * | margin-top: 0.75rem; /* 12px */ |
| space-x-3.5 > * + * | margin-left: 0.875rem; /* 14px */ |
| space-y-3.5 > * + * | margin-top: 0.875rem; /* 14px */ |
| space-x-4 > * + * | margin-left: 1rem; /* 16px */ |
| space-y-4 > * + * | margin-top: 1rem; /* 16px */ |
| space-x-5 > * + * | margin-left: 1.25rem; /* 20px */ |
| space-y-5 > * + * | margin-top: 1.25rem; /* 20px */ |
| space-x-6 > * + * | margin-left: 1.5rem; /* 24px */ |
| space-y-6 > * + * | margin-top: 1.5rem; /* 24px */ |
| space-x-7 > * + * | margin-left: 1.75rem; /* 28px */ |
| space-y-7 > * + * | margin-top: 1.75rem; /* 28px */ |
| space-x-8 > * + * | margin-left: 2rem; /* 32px */ |
| space-y-8 > * + * | margin-top: 2rem; /* 32px */ |
| space-x-9 > * + * | margin-left: 2.25rem; /* 36px */ |
| space-y-9 > * + * | margin-top: 2.25rem; /* 36px */ |
| space-x-10 > * + * | margin-left: 2.5rem; /* 40px */ |
| space-y-10 > * + * | margin-top: 2.5rem; /* 40px */ |
| space-x-11 > * + * | margin-left: 2.75rem; /* 44px */ |
| space-y-11 > * + * | margin-top: 2.75rem; /* 44px */ |
| space-x-12 > * + * | margin-left: 3rem; /* 48px */ |
| space-y-12 > * + * | margin-top: 3rem; /* 48px */ |
| space-x-14 > * + * | margin-left: 3.5rem; /* 56px */ |
| space-y-14 > * + * | margin-top: 3.5rem; /* 56px */ |
| space-x-16 > * + * | margin-left: 4rem; /* 64px */ |
| space-y-16 > * + * | margin-top: 4rem; /* 64px */ |
| space-x-20 > * + * | margin-left: 5rem; /* 80px */ |
| space-y-20 > * + * | margin-top: 5rem; /* 80px */ |
| space-x-24 > * + * | margin-left: 6rem; /* 96px */ |
| space-y-24 > * + * | margin-top: 6rem; /* 96px */ |
| space-x-28 > * + * | margin-left: 7rem; /* 112px */ |
| space-y-28 > * + * | margin-top: 7rem; /* 112px */ |
| space-x-32 > * + * | margin-left: 8rem; /* 128px */ |
| space-y-32 > * + * | margin-top: 8rem; /* 128px */ |
| space-x-36 > * + * | margin-left: 9rem; /* 144px */ |
| space-y-36 > * + * | margin-top: 9rem; /* 144px */ |
| space-x-40 > * + * | margin-left: 10rem; /* 160px */ |
| space-y-40 > * + * | margin-top: 10rem; /* 160px */ |
| space-x-44 > * + * | margin-left: 11rem; /* 176px */ |
| space-y-44 > * + * | margin-top: 11rem; /* 176px */ |
| space-x-48 > * + * | margin-left: 12rem; /* 192px */ |
| space-y-48 > * + * | margin-top: 12rem; /* 192px */ |
| space-x-52 > * + * | margin-left: 13rem; /* 208px */ |
| space-y-52 > * + * | margin-top: 13rem; /* 208px */ |
| space-x-56 > * + * | margin-left: 14rem; /* 224px */ |
| space-y-56 > * + * | margin-top: 14rem; /* 224px */ |
| space-x-60 > * + * | margin-left: 15rem; /* 240px */ |
| space-y-60 > * + * | margin-top: 15rem; /* 240px */ |
| space-x-64 > * + * | margin-left: 16rem; /* 256px */ |
| space-y-64 > * + * | margin-top: 16rem; /* 256px */ |
| space-x-72 > * + * | margin-left: 18rem; /* 288px */ |
| space-y-72 > * + * | margin-top: 18rem; /* 288px */ |
| space-x-80 > * + * | margin-left: 20rem; /* 320px */ |
| space-y-80 > * + * | margin-top: 20rem; /* 320px */ |
| space-x-96 > * + * | margin-left: 24rem; /* 384px */ |
| space-y-96 > * + * | margin-top: 24rem; /* 384px */ |
| space-x-px > * + * | margin-left: 1px; |
| space-y-px > * + * | margin-top: 1px; |
| space-y-reverse > * + * | --tw-space-y-reverse: 1; |
| space-x-reverse > * + * | --tw-space-x-reverse: 1; |
width
| Tailwind CSS | CSS |
|---|---|
| w-0 | width: 0px; |
| w-px | width: 1px; |
| w-0.5 | width: 0.125rem; /* 2px */ |
| w-1 | width: 0.25rem; /* 4px */ |
| w-1.5 | width: 0.375rem; /* 6px */ |
| w-2 | width: 0.5rem; /* 8px */ |
| w-2.5 | width: 0.625rem; /* 10px */ |
| w-3 | width: 0.75rem; /* 12px */ |
| w-3.5 | width: 0.875rem; /* 14px */ |
| w-4 | width: 1rem; /* 16px */ |
| w-5 | width: 1.25rem; /* 20px */ |
| w-6 | width: 1.5rem; /* 24px */ |
| w-7 | width: 1.75rem; /* 28px */ |
| w-8 | width: 2rem; /* 32px */ |
| w-9 | width: 2.25rem; /* 36px */ |
| w-10 | width: 2.5rem; /* 40px */ |
| w-11 | width: 2.75rem; /* 44px */ |
| w-12 | width: 3rem; /* 48px */ |
| w-14 | width: 3.5rem; /* 56px */ |
| w-16 | width: 4rem; /* 64px */ |
| w-20 | width: 5rem; /* 80px */ |
| w-24 | width: 6rem; /* 96px */ |
| w-28 | width: 7rem; /* 112px */ |
| w-32 | width: 8rem; /* 128px */ |
| w-36 | width: 9rem; /* 144px */ |
| w-40 | width: 10rem; /* 160px */ |
| w-44 | width: 11rem; /* 176px */ |
| w-48 | width: 12rem; /* 192px */ |
| w-52 | width: 13rem; /* 208px */ |
| w-56 | width: 14rem; /* 224px */ |
| w-60 | width: 15rem; /* 240px */ |
| w-64 | width: 16rem; /* 256px */ |
| w-72 | width: 18rem; /* 288px */ |
| w-80 | width: 20rem; /* 320px */ |
| w-96 | width: 24rem; /* 384px */ |
| w-auto | width: auto; |
| w-1/2 | width: 50%; |
| w-1/3 | width: 33.333333%; |
| w-2/3 | width: 66.666667%; |
| w-1/4 | width: 25%; |
| w-2/4 | width: 50%; |
| w-3/4 | width: 75%; |
| w-1/5 | width: 20%; |
| w-2/5 | width: 40%; |
| w-3/5 | width: 60%; |
| w-4/5 | width: 80%; |
| w-1/6 | width: 16.666667%; |
| w-2/6 | width: 33.333333%; |
| w-3/6 | width: 50%; |
| w-4/6 | width: 66.666667%; |
| w-5/6 | width: 83.333333%; |
| w-1/12 | width: 8.333333%; |
| w-2/12 | width: 16.666667%; |
| w-3/12 | width: 25%; |
| w-4/12 | width: 33.333333%; |
| w-5/12 | width: 41.666667%; |
| w-6/12 | width: 50%; |
| w-7/12 | width: 58.333333%; |
| w-8/12 | width: 66.666667%; |
| w-9/12 | width: 75%; |
| w-10/12 | width: 83.333333%; |
| w-11/12 | width: 91.666667%; |
| w-full | width: 100%; |
| w-screen | width: 100vw; |
| w-svw | width: 100svw; |
| w-lvw | width: 100lvw; |
| w-dvw | width: 100dvw; |
| w-min | width: min-content; |
| w-max | width: max-content; |
| w-fit | width: fit-content; |
min-width
| Tailwind CSS | CSS |
|---|---|
| min-w-0 | min-width: 0px; |
| min-w-1 | min-width: 0.25rem; /* 4px */ |
| min-w-2 | min-width: 0.5rem; /* 8px */ |
| min-w-3 | min-width: 0.75rem; /* 12px */ |
| min-w-4 | min-width: 1rem; /* 16px */ |
| min-w-5 | min-width: 1.25rem; /* 20px */ |
| min-w-6 | min-width: 1.5rem; /* 24px */ |
| min-w-7 | min-width: 1.75rem; /* 28px */ |
| min-w-8 | min-width: 2rem; /* 32px */ |
| min-w-9 | min-width: 2.25rem; /* 36px */ |
| min-w-10 | min-width: 2.5rem; /* 40px */ |
| min-w-11 | min-width: 2.75rem; /* 44px */ |
| min-w-12 | min-width: 3rem; /* 48px */ |
| min-w-14 | min-width: 3.5rem; /* 56px */ |
| min-w-16 | min-width: 4rem; /* 64px */ |
| min-w-20 | min-width: 5rem; /* 80px */ |
| min-w-24 | min-width: 6rem; /* 96px */ |
| min-w-28 | min-width: 7rem; /* 112px */ |
| min-w-32 | min-width: 8rem; /* 128px */ |
| min-w-36 | min-width: 9rem; /* 144px */ |
| min-w-40 | min-width: 10rem; /* 160px */ |
| min-w-44 | min-width: 11rem; /* 176px */ |
| min-w-48 | min-width: 12rem; /* 192px */ |
| min-w-52 | min-width: 13rem; /* 208px */ |
| min-w-56 | min-width: 14rem; /* 224px */ |
| min-w-60 | min-width: 15rem; /* 240px */ |
| min-w-64 | min-width: 16rem; /* 256px */ |
| min-w-72 | min-width: 18rem; /* 288px */ |
| min-w-80 | min-width: 20rem; /* 320px */ |
| min-w-96 | min-width: 24rem; /* 384px */ |
| min-w-px | min-width: 1px; |
| min-w-0.5 | min-width: 0.125rem; /* 2px */ |
| min-w-1.5 | min-width: 0.375rem; /* 6px */ |
| min-w-2.5 | min-width: 0.625rem; /* 10px */ |
| min-w-3.5 | min-width: 0.875rem; /* 14px */ |
| min-w-full | min-width: 100%; |
| min-w-min | min-width: min-content; |
| min-w-max | min-width: max-content; |
| min-w-fit | min-width: fit-content; |
max-width
| Tailwind CSS | CSS |
|---|---|
| max-w-0 | max-width: 0px; |
| max-w-px | max-width: 1px; |
| max-w-0.5 | max-width: 0.125rem; /* 2px */ |
| max-w-1 | max-width: 0.25rem; /* 4px */ |
| max-w-1.5 | max-width: 0.375rem; /* 6px */ |
| max-w-2 | max-width: 0.5rem; /* 8px */ |
| max-w-2.5 | max-width: 0.625rem; /* 10px */ |
| max-w-3 | max-width: 0.75rem; /* 12px */ |
| max-w-3.5 | max-width: 0.875rem; /* 14px */ |
| max-w-4 | max-width: 1rem; /* 16px */ |
| max-w-5 | max-width: 1.25rem; /* 20px */ |
| max-w-6 | max-width: 1.5rem; /* 24px */ |
| max-w-7 | max-width: 1.75rem; /* 28px */ |
| max-w-8 | max-width: 2rem; /* 32px */ |
| max-w-9 | max-width: 2.25rem; /* 36px */ |
| max-w-10 | max-width: 2.5rem; /* 40px */ |
| max-w-11 | max-width: 2.75rem; /* 44px */ |
| max-w-12 | max-width: 3rem; /* 48px */ |
| max-w-14 | max-width: 3.5rem; /* 56px */ |
| max-w-16 | max-width: 4rem; /* 64px */ |
| max-w-20 | max-width: 5rem; /* 80px */ |
| max-w-24 | max-width: 6rem; /* 96px */ |
| max-w-28 | max-width: 7rem; /* 112px */ |
| max-w-32 | max-width: 8rem; /* 128px */ |
| max-w-36 | max-width: 9rem; /* 144px */ |
| max-w-40 | max-width: 10rem; /* 160px */ |
| max-w-44 | max-width: 11rem; /* 176px */ |
| max-w-48 | max-width: 12rem; /* 192px */ |
| max-w-52 | max-width: 13rem; /* 208px */ |
| max-w-56 | max-width: 14rem; /* 224px */ |
| max-w-60 | max-width: 15rem; /* 240px */ |
| max-w-64 | max-width: 16rem; /* 256px */ |
| max-w-72 | max-width: 18rem; /* 288px */ |
| max-w-80 | max-width: 20rem; /* 320px */ |
| max-w-96 | max-width: 24rem; /* 384px */ |
| max-w-none | max-width: none; |
| max-w-xs | max-width: 20rem; /* 320px */ |
| max-w-sm | max-width: 24rem; /* 384px */ |
| max-w-md | max-width: 28rem; /* 448px */ |
| max-w-lg | max-width: 32rem; /* 512px */ |
| max-w-xl | max-width: 36rem; /* 576px */ |
| max-w-2xl | max-width: 42rem; /* 672px */ |
| max-w-3xl | max-width: 48rem; /* 768px */ |
| max-w-4xl | max-width: 56rem; /* 896px */ |
| max-w-5xl | max-width: 64rem; /* 1024px */ |
| max-w-6xl | max-width: 72rem; /* 1152px */ |
| max-w-7xl | max-width: 80rem; /* 1280px */ |
| max-w-full | max-width: 100%; |
| max-w-min | max-width: min-content; |
| max-w-max | max-width: max-content; |
| max-w-fit | max-width: fit-content; |
| max-w-prose | max-width: 65ch; |
| max-w-screen-sm | max-width: 640px; |
| max-w-screen-md | max-width: 768px; |
| max-w-screen-lg | max-width: 1024px; |
| max-w-screen-xl | max-width: 1280px; |
| max-w-screen-2xl | max-width: 1536px; |
height
| Tailwind CSS | CSS |
|---|---|
| h-0 | height: 0px; |
| h-px | height: 1px; |
| h-0.5 | height: 0.125rem; /* 2px */ |
| h-1 | height: 0.25rem; /* 4px */ |
| h-1.5 | height: 0.375rem; /* 6px */ |
| h-2 | height: 0.5rem; /* 8px */ |
| h-2.5 | height: 0.625rem; /* 10px */ |
| h-3 | height: 0.75rem; /* 12px */ |
| h-3.5 | height: 0.875rem; /* 14px */ |
| h-4 | height: 1rem; /* 16px */ |
| h-5 | height: 1.25rem; /* 20px */ |
| h-6 | height: 1.5rem; /* 24px */ |
| h-7 | height: 1.75rem; /* 28px */ |
| h-8 | height: 2rem; /* 32px */ |
| h-9 | height: 2.25rem; /* 36px */ |
| h-10 | height: 2.5rem; /* 40px */ |
| h-11 | height: 2.75rem; /* 44px */ |
| h-12 | height: 3rem; /* 48px */ |
| h-14 | height: 3.5rem; /* 56px */ |
| h-16 | height: 4rem; /* 64px */ |
| h-20 | height: 5rem; /* 80px */ |
| h-24 | height: 6rem; /* 96px */ |
| h-28 | height: 7rem; /* 112px */ |
| h-32 | height: 8rem; /* 128px */ |
| h-36 | height: 9rem; /* 144px */ |
| h-40 | height: 10rem; /* 160px */ |
| h-44 | height: 11rem; /* 176px */ |
| h-48 | height: 12rem; /* 192px */ |
| h-52 | height: 13rem; /* 208px */ |
| h-56 | height: 14rem; /* 224px */ |
| h-60 | height: 15rem; /* 240px */ |
| h-64 | height: 16rem; /* 256px */ |
| h-72 | height: 18rem; /* 288px */ |
| h-80 | height: 20rem; /* 320px */ |
| h-96 | height: 24rem; /* 384px */ |
| h-auto | height: auto; |
| h-1/2 | height: 50%; |
| h-1/3 | height: 33.333333%; |
| h-2/3 | height: 66.666667%; |
| h-1/4 | height: 25%; |
| h-2/4 | height: 50%; |
| h-3/4 | height: 75%; |
| h-1/5 | height: 20%; |
| h-2/5 | height: 40%; |
| h-3/5 | height: 60%; |
| h-4/5 | height: 80%; |
| h-1/6 | height: 16.666667%; |
| h-2/6 | height: 33.333333%; |
| h-3/6 | height: 50%; |
| h-4/6 | height: 66.666667%; |
| h-5/6 | height: 83.333333%; |
| h-full | height: 100%; |
| h-screen | height: 100vh; |
| h-svh | height: 100svh; |
| h-lvh | height: 100lvh; |
| h-dvh | height: 100dvh; |
| h-min | height: min-content; |
| h-max | height: max-content; |
| h-fit | height: fit-content; |
min-Height
| Tailwind CSS | CSS |
|---|---|
| min-h-0 | min-height: 0px; |
| min-h-1 | min-height: 0.25rem; /* 4px */ |
| min-h-2 | min-height: 0.5rem; /* 8px */ |
| min-h-3 | min-height: 0.75rem; /* 12px */ |
| min-h-4 | min-height: 1rem; /* 16px */ |
| min-h-5 | min-height: 1.25rem; /* 20px */ |
| min-h-6 | min-height: 1.5rem; /* 24px */ |
| min-h-7 | min-height: 1.75rem; /* 28px */ |
| min-h-8 | min-height: 2rem; /* 32px */ |
| min-h-9 | min-height: 2.25rem; /* 36px */ |
| min-h-10 | min-height: 2.5rem; /* 40px */ |
| min-h-11 | min-height: 2.75rem; /* 44px */ |
| min-h-12 | min-height: 3rem; /* 48px */ |
| min-h-14 | min-height: 3.5rem; /* 56px */ |
| min-h-16 | min-height: 4rem; /* 64px */ |
| min-h-20 | min-height: 5rem; /* 80px */ |
| min-h-24 | min-height: 6rem; /* 96px */ |
| min-h-28 | min-height: 7rem; /* 112px */ |
| min-h-32 | min-height: 8rem; /* 128px */ |
| min-h-36 | min-height: 9rem; /* 144px */ |
| min-h-40 | min-height: 10rem; /* 160px */ |
| min-h-44 | min-height: 11rem; /* 176px */ |
| min-h-48 | min-height: 12rem; /* 192px */ |
| min-h-52 | min-height: 13rem; /* 208px */ |
| min-h-56 | min-height: 14rem; /* 224px */ |
| min-h-60 | min-height: 15rem; /* 240px */ |
| min-h-64 | min-height: 16rem; /* 256px */ |
| min-h-72 | min-height: 18rem; /* 288px */ |
| min-h-80 | min-height: 20rem; /* 320px */ |
| min-h-96 | min-height: 24rem; /* 384px */ |
| min-h-px | min-height: 1px; |
| min-h-0.5 | min-height: 0.125rem; /* 2px */ |
| min-h-1.5 | min-height: 0.375rem; /* 6px */ |
| min-h-2.5 | min-height: 0.625rem; /* 10px */ |
| min-h-3.5 | min-height: 0.875rem; /* 14px */ |
| min-h-full | min-height: 100%; |
| min-h-screen | min-height: 100vh; |
| min-h-svh | min-height: 100svh; |
| min-h-lvh | min-height: 100lvh; |
| min-h-dvh | min-height: 100dvh; |
| min-h-min | min-height: min-content; |
| min-h-max | min-height: max-content; |
| min-h-fit | min-height: fit-content; |
max-Height
| Tailwind CSS | CSS |
|---|---|
| max-h-0 | max-height: 0px; |
| max-h-px | max-height: 1px; |
| max-h-0.5 | max-height: 0.125rem; /* 2px */ |
| max-h-1 | max-height: 0.25rem; /* 4px */ |
| max-h-1.5 | max-height: 0.375rem; /* 6px */ |
| max-h-2 | max-height: 0.5rem; /* 8px */ |
| max-h-2.5 | max-height: 0.625rem; /* 10px */ |
| max-h-3 | max-height: 0.75rem; /* 12px */ |
| max-h-3.5 | max-height: 0.875rem; /* 14px */ |
| max-h-4 | max-height: 1rem; /* 16px */ |
| max-h-5 | max-height: 1.25rem; /* 20px */ |
| max-h-6 | max-height: 1.5rem; /* 24px */ |
| max-h-7 | max-height: 1.75rem; /* 28px */ |
| max-h-8 | max-height: 2rem; /* 32px */ |
| max-h-9 | max-height: 2.25rem; /* 36px */ |
| max-h-10 | max-height: 2.5rem; /* 40px */ |
| max-h-11 | max-height: 2.75rem; /* 44px */ |
| max-h-12 | max-height: 3rem; /* 48px */ |
| max-h-14 | max-height: 3.5rem; /* 56px */ |
| max-h-16 | max-height: 4rem; /* 64px */ |
| max-h-20 | max-height: 5rem; /* 80px */ |
| max-h-24 | max-height: 6rem; /* 96px */ |
| max-h-28 | max-height: 7rem; /* 112px */ |
| max-h-32 | max-height: 8rem; /* 128px */ |
| max-h-36 | max-height: 9rem; /* 144px */ |
| max-h-40 | max-height: 10rem; /* 160px */ |
| max-h-44 | max-height: 11rem; /* 176px */ |
| max-h-48 | max-height: 12rem; /* 192px */ |
| max-h-52 | max-height: 13rem; /* 208px */ |
| max-h-56 | max-height: 14rem; /* 224px */ |
| max-h-60 | max-height: 15rem; /* 240px */ |
| max-h-64 | max-height: 16rem; /* 256px */ |
| max-h-72 | max-height: 18rem; /* 288px */ |
| max-h-80 | max-height: 20rem; /* 320px */ |
| max-h-96 | max-height: 24rem; /* 384px */ |
| max-h-none | max-height: none; |
| max-h-full | max-height: 100%; |
| max-h-screen | max-height: 100vh; |
| max-h-svh | max-height: 100svh; |
| max-h-lvh | max-height: 100lvh; |
| max-h-dvh | max-height: 100dvh; |
| max-h-min | max-height: min-content; |
| max-h-max | max-height: max-content; |
| max-h-fit | max-height: fit-content; |
size
| Tailwind CSS | CSS |
|---|---|
| size-0 | width: 0px; height: 0px; |
| size-px | width: 1px; height: 1px; |
| size-0.5 | width: 0.125rem; /* 2px */ height: 0.125rem; /* 2px */ |
| size-1 | width: 0.25rem; /* 4px */ height: 0.25rem; /* 4px */ |
| size-1.5 | width: 0.375rem; /* 6px */ height: 0.375rem; /* 6px */ |
| size-2 | width: 0.5rem; /* 8px */ height: 0.5rem; /* 8px */ |
| size-2.5 | width: 0.625rem; /* 10px */ height: 0.625rem; /* 10px */ |
| size-3 | width: 0.75rem; /* 12px */ height: 0.75rem; /* 12px */ |
| size-3.5 | width: 0.875rem; /* 14px */ height: 0.875rem; /* 14px */ |
| size-4 | width: 1rem; /* 16px */ height: 1rem; /* 16px */ |
| size-5 | width: 1.25rem; /* 20px */ height: 1.25rem; /* 20px */ |
| size-6 | width: 1.5rem; /* 24px */ height: 1.5rem; /* 24px */ |
| size-7 | width: 1.75rem; /* 28px */ height: 1.75rem; /* 28px */ |
| size-8 | width: 2rem; /* 32px */ height: 2rem; /* 32px */ |
| size-9 | width: 2.25rem; /* 36px */ height: 2.25rem; /* 36px */ |
| size-10 | width: 2.5rem; /* 40px */ height: 2.5rem; /* 40px */ |
| size-11 | width: 2.75rem; /* 44px */ height: 2.75rem; /* 44px */ |
| size-12 | width: 3rem; /* 48px */ height: 3rem; /* 48px */ |
| size-14 | width: 3.5rem; /* 56px */ height: 3.5rem; /* 56px */ |
| size-16 | width: 4rem; /* 64px */ height: 4rem; /* 64px */ |
| size-20 | width: 5rem; /* 80px */ height: 5rem; /* 80px */ |
| size-24 | width: 6rem; /* 96px */ height: 6rem; /* 96px */ |
| size-28 | width: 7rem; /* 112px */ height: 7rem; /* 112px */ |
| size-32 | width: 8rem; /* 128px */ height: 8rem; /* 128px */ |
| size-36 | width: 9rem; /* 144px */ height: 9rem; /* 144px */ |
| size-40 | width: 10rem; /* 160px */ height: 10rem; /* 160px */ |
| size-44 | width: 11rem; /* 176px */ height: 11rem; /* 176px */ |
| size-48 | width: 12rem; /* 192px */ height: 12rem; /* 192px */ |
| size-52 | width: 13rem; /* 208px */ height: 13rem; /* 208px */ |
| size-56 | width: 14rem; /* 224px */ height: 14rem; /* 224px */ |
| size-60 | width: 15rem; /* 240px */ height: 15rem; /* 240px */ |
| size-64 | width: 16rem; /* 256px */ height: 16rem; /* 256px */ |
| size-72 | width: 18rem; /* 288px */ height: 18rem; /* 288px */ |
| size-80 | width: 20rem; /* 320px */ height: 20rem; /* 320px */ |
| size-96 | width: 24rem; /* 384px */ height: 24rem; /* 384px */ |
| size-auto | width: auto; height: auto; |
| size-1/2 | width: 50%; height: 50%; |
| size-1/3 | width: 33.333333%; height: 33.333333%; |
| size-2/3 | width: 66.666667%; height: 66.666667%; |
| size-1/4 | width: 25%; height: 25%; |
| size-2/4 | width: 50%; height: 50%; |
| size-3/4 | width: 75%; height: 75%; |
| size-1/5 | width: 20%; height: 20%; |
| size-2/5 | width: 40%; height: 40%; |
| size-3/5 | width: 60%; height: 60%; |
| size-4/5 | width: 80%; height: 80%; |
| size-1/6 | width: 16.666667%; height: 16.666667%; |
| size-2/6 | width: 33.333333%; height: 33.333333%; |
| size-3/6 | width: 50%; height: 50%; |
| size-4/6 | width: 66.666667%; height: 66.666667%; |
| size-5/6 | width: 83.333333%; height: 83.333333%; |
| size-1/12 | width: 8.333333%; height: 8.333333%; |
| size-2/12 | width: 16.666667%; height: 16.666667%; |
| size-3/12 | width: 25%; height: 25%; |
| size-4/12 | width: 33.333333%; height: 33.333333%; |
| size-5/12 | width: 41.666667%; height: 41.666667%; |
| size-6/12 | width: 50%; height: 50%; |
| size-7/12 | width: 58.333333%; height: 58.333333%; |
| size-8/12 | width: 66.666667%; height: 66.666667%; |
| size-9/12 | width: 75%; height: 75%; |
| size-10/12 | width: 83.333333%; height: 83.333333%; |
| size-11/12 | width: 91.666667%; height: 91.666667%; |
| size-full | width: 100%; height: 100%; |
| size-min | width: min-content; height: min-content; |
| size-max | width: max-content; height: max-content; |
| size-fit | width: fit-content; height: fit-content; |
font family
| Tailwind CSS | CSS |
|---|---|
| font-sans | font-family: ui-sans-serif, system-ui, sans-serif, "Apple color emoji", "Segoe UI emoji", "Segoe UI symbol", "Noto color emoji"; |
| font-serif | font-family: ui-serif, georgia, cambria, "Times New roman", times, serif; |
| font-mono | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, consolas, "Liberation Mono", "Courier New", monospace; |
font size
| Tailwind CSS | CSS |
|---|---|
| text-xs | font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */ |
| text-sm | font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */ |
| text-base | font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ |
| text-lg | font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ |
| text-xl | font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */ |
| text-2xl | font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */ |
| text-3xl | font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ |
| text-4xl | font-size: 2.25rem; /* 36px */ line-height: 2.5rem; /* 40px */ |
| text-5xl | font-size: 3rem; /* 48px */ line-height: 1; |
| text-6xl | font-size: 3.75rem; /* 60px */ line-height: 1; |
| text-7xl | font-size: 4.5rem; /* 72px */ line-height: 1; |
| text-8xl | font-size: 6rem; /* 96px */ line-height: 1; |
| text-9xl | font-size: 8rem; /* 128px */ line-height: 1; |
font smoothing
| Tailwind CSS | CSS |
|---|---|
| antialiased | -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; |
| subpixel-antialiased | -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; |
font style
| Tailwind CSS | CSS |
|---|---|
| italic | font-style: italic; |
| not-italic | font-style: normal; |
font weight
| Tailwind CSS | CSS |
|---|---|
| font-thin | font-weight: 100; |
| font-extralight | font-weight: 200; |
| font-light | font-weight: 300; |
| font-normal | font-weight: 400; |
| font-medium | font-weight: 500; |
| font-semibold | font-weight: 600; |
| font-bold | font-weight: 700; |
| font-extrabold | font-weight: 800; |
| font-black | font-weight: 900; |
font variant numeric
| Tailwind CSS | CSS |
|---|---|
| normal-nums | font-variant-numeric: normal; |
| ordinal | font-variant-numeric: ordinal; |
| slashed-zero | font-variant-numeric: slashed-zero; |
| lining-nums | font-variant-numeric: lining-nums; |
| oldstyle-nums | font-variant-numeric: oldstyle-nums; |
| proportional-nums | font-variant-numeric: proportional-nums; |
| tabular-nums | font-variant-numeric: tabular-nums; |
| diagonal-fractions | font-variant-numeric: diagonal-fractions; |
| stacked-fractions | font-variant-numeric: stacked-fractions; |
letter spacing
| Tailwind CSS | CSS |
|---|---|
| tracking-tighter | letter-spacing: -0.05em; |
| tracking-tight | letter-spacing: -0.025em; |
| tracking-normal | letter-spacing: 0em; |
| tracking-wide | letter-spacing: 0.025em; |
| tracking-wider | letter-spacing: 0.05em; |
| tracking-widest | letter-spacing: 0.1em; |
line clamp
| Tailwind CSS | CSS |
|---|---|
| line-clamp-1 | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; |
| line-clamp-2 | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; |
| line-clamp-3 | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; |
| line-clamp-4 | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; |
| line-clamp-5 | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; |
| line-clamp-6 | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; |
| line-clamp-none | overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; |
line height
| Tailwind CSS | CSS |
|---|---|
| leading-3 | line-height: .75rem; /* 12px */ |
| leading-4 | line-height: 1rem; /* 16px */ |
| leading-5 | line-height: 1.25rem; /* 20px */ |
| leading-6 | line-height: 1.5rem; /* 24px */ |
| leading-7 | line-height: 1.75rem; /* 28px */ |
| leading-8 | line-height: 2rem; /* 32px */ |
| leading-9 | line-height: 2.25rem; /* 36px */ |
| leading-10 | line-height: 2.5rem; /* 40px */ |
| leading-none | line-height: 1; |
| leading-tight | line-height: 1.25; |
| leading-snug | line-height: 1.375; |
| leading-normal | line-height: 1.5; |
| leading-relaxed | line-height: 1.625; |
| leading-loose | line-height: 2; |
list style image
| Tailwind CSS | CSS |
|---|---|
| list-image-none | list-style-image: none; |
list style position
| Tailwind CSS | CSS |
|---|---|
| list-inside | list-style-position: inside; |
| list-outside | list-style-position: outside; |
list style type
| Tailwind CSS | CSS |
|---|---|
| list-none | list-style-type: none; |
| list-disc | list-style-type: disc; |
| list-decimal | list-style-type: decimal; |
text align
| Tailwind CSS | CSS |
|---|---|
| text-left | text-align: left; |
| text-center | text-align: center; |
| text-right | text-align: right; |
| text-justify | text-align: justify; |
| text-start | text-align: start; |
| text-end | text-align: end; |
text color
| Tailwind CSS | CSS |
|---|---|
| text-inherit | color: inherit; |
| text-current | color: currentColor; |
| text-transparent | color: transparent; |
| text-black | color: rgb(0 0 0); |
| text-white | color: rgb(255 255 255); |
| text-slate-50 | color: rgb(248 250 252); |
| text-slate-100 | color: rgb(241 245 249); |
| text-slate-200 | color: rgb(226 232 240); |
| text-slate-300 | color: rgb(203 213 225); |
| text-slate-400 | color: rgb(148 163 184); |
| text-slate-500 | color: rgb(100 116 139); |
| text-slate-600 | color: rgb(71 85 105); |
| text-slate-700 | color: rgb(51 65 85); |
| text-slate-800 | color: rgb(30 41 59); |
| text-slate-900 | color: rgb(15 23 42); |
| text-slate-950 | color: rgb(2 6 23); |
| text-gray-50 | color: rgb(249 250 251); |
| text-gray-100 | color: rgb(243 244 246); |
| text-gray-200 | color: rgb(229 231 235); |
| text-gray-300 | color: rgb(209 213 219); |
| text-gray-400 | color: rgb(156 163 175); |
| text-gray-500 | color: rgb(107 114 128); |
| text-gray-600 | color: rgb(75 85 99); |
| text-gray-700 | color: rgb(55 65 81); |
| text-gray-800 | color: rgb(31 41 55); |
| text-gray-900 | color: rgb(17 24 39); |
| text-gray-950 | color: rgb(3 7 18); |
| text-zinc-50 | color: rgb(250 250 250); |
| text-zinc-100 | color: rgb(244 244 245); |
| text-zinc-200 | color: rgb(228 228 231); |
| text-zinc-300 | color: rgb(212 212 216); |
| text-zinc-400 | color: rgb(161 161 170); |
| text-zinc-500 | color: rgb(113 113 122); |
| text-zinc-600 | color: rgb(82 82 91); |
| text-zinc-700 | color: rgb(63 63 70); |
| text-zinc-800 | color: rgb(39 39 42); |
| text-zinc-900 | color: rgb(24 24 27); |
| text-zinc-950 | color: rgb(9 9 11); |
| text-neutral-50 | color: rgb(250 250 250); |
| text-neutral-100 | color: rgb(245 245 245); |
| text-neutral-200 | color: rgb(229 229 229); |
| text-neutral-300 | color: rgb(212 212 212); |
| text-neutral-400 | color: rgb(163 163 163); |
| text-neutral-500 | color: rgb(115 115 115); |
| text-neutral-600 | color: rgb(82 82 82); |
| text-neutral-700 | color: rgb(64 64 64); |
| text-neutral-800 | color: rgb(38 38 38); |
| text-neutral-900 | color: rgb(23 23 23); |
| text-neutral-950 | color: rgb(10 10 10); |
| text-stone-50 | color: rgb(250 250 249); |
| text-stone-100 | color: rgb(245 245 244); |
| text-stone-200 | color: rgb(231 229 228); |
| text-stone-300 | color: rgb(214 211 209); |
| text-stone-400 | color: rgb(168 162 158); |
| text-stone-500 | color: rgb(120 113 108); |
| text-stone-600 | color: rgb(87 83 78); |
| text-stone-700 | color: rgb(68 64 60); |
| text-stone-800 | color: rgb(41 37 36); |
| text-stone-900 | color: rgb(28 25 23); |
| text-stone-950 | color: rgb(12 10 9); |
| text-red-50 | color: rgb(254 242 242); |
| text-red-100 | color: rgb(254 226 226); |
| text-red-200 | color: rgb(254 202 202); |
| text-red-300 | color: rgb(252 165 165); |
| text-red-400 | color: rgb(248 113 113); |
| text-red-500 | color: rgb(239 68 68); |
| text-red-600 | color: rgb(220 38 38); |
| text-red-700 | color: rgb(185 28 28); |
| text-red-800 | color: rgb(153 27 27); |
| text-red-900 | color: rgb(127 29 29); |
| text-red-950 | color: rgb(69 10 10); |
| text-orange-50 | color: rgb(255 247 237); |
| text-orange-100 | color: rgb(255 237 213); |
| text-orange-200 | color: rgb(254 215 170); |
| text-orange-300 | color: rgb(253 186 116); |
| text-orange-400 | color: rgb(251 146 60); |
| text-orange-500 | color: rgb(249 115 22); |
| text-orange-600 | color: rgb(234 88 12); |
| text-orange-700 | color: rgb(194 65 12); |
| text-orange-800 | color: rgb(154 52 18); |
| text-orange-900 | color: rgb(124 45 18); |
| text-orange-950 | color: rgb(67 20 7); |
| text-amber-50 | color: rgb(255 251 235); |
| text-amber-100 | color: rgb(254 243 199); |
| text-amber-200 | color: rgb(253 230 138); |
| text-amber-300 | color: rgb(252 211 77); |
| text-amber-400 | color: rgb(251 191 36); |
| text-amber-500 | color: rgb(245 158 11); |
| text-amber-600 | color: rgb(217 119 6); |
| text-amber-700 | color: rgb(180 83 9); |
| text-amber-800 | color: rgb(146 64 14); |
| text-amber-900 | color: rgb(120 53 15); |
| text-amber-950 | color: rgb(69 26 3); |
| text-yellow-50 | color: rgb(254 252 232); |
| text-yellow-100 | color: rgb(254 249 195); |
| text-yellow-200 | color: rgb(254 240 138); |
| text-yellow-300 | color: rgb(253 224 71); |
| text-yellow-400 | color: rgb(250 204 21); |
| text-yellow-500 | color: rgb(234 179 8); |
| text-yellow-600 | color: rgb(202 138 4); |
| text-yellow-700 | color: rgb(161 98 7); |
| text-yellow-800 | color: rgb(133 77 14); |
| text-yellow-900 | color: rgb(113 63 18); |
| text-yellow-950 | color: rgb(66 32 6); |
| text-lime-50 | color: rgb(247 254 231); |
| text-lime-100 | color: rgb(236 252 203); |
| text-lime-200 | color: rgb(217 249 157); |
| text-lime-300 | color: rgb(190 242 100); |
| text-lime-400 | color: rgb(163 230 53); |
| text-lime-500 | color: rgb(132 204 22); |
| text-lime-600 | color: rgb(101 163 13); |
| text-lime-700 | color: rgb(77 124 15); |
| text-lime-800 | color: rgb(63 98 18); |
| text-lime-900 | color: rgb(54 83 20); |
| text-lime-950 | color: rgb(26 46 5); |
| text-green-50 | color: rgb(240 253 244); |
| text-green-100 | color: rgb(220 252 231); |
| text-green-200 | color: rgb(187 247 208); |
| text-green-300 | color: rgb(134 239 172); |
| text-green-400 | color: rgb(74 222 128); |
| text-green-500 | color: rgb(34 197 94); |
| text-green-600 | color: rgb(22 163 74); |
| text-green-700 | color: rgb(21 128 61); |
| text-green-800 | color: rgb(22 101 52); |
| text-green-900 | color: rgb(20 83 45); |
| text-green-950 | color: rgb(5 46 22); |
| text-emerald-50 | color: rgb(236 253 245); |
| text-emerald-100 | color: rgb(209 250 229); |
| text-emerald-200 | color: rgb(167 243 208); |
| text-emerald-300 | color: rgb(110 231 183); |
| text-emerald-400 | color: rgb(52 211 153); |
| text-emerald-500 | color: rgb(16 185 129); |
| text-emerald-600 | color: rgb(5 150 105); |
| text-emerald-700 | color: rgb(4 120 87); |
| text-emerald-800 | color: rgb(6 95 70); |
| text-emerald-900 | color: rgb(6 78 59); |
| text-emerald-950 | color: rgb(2 44 34); |
| text-teal-50 | color: rgb(240 253 250); |
| text-teal-100 | color: rgb(204 251 241); |
| text-teal-200 | color: rgb(153 246 228); |
| text-teal-300 | color: rgb(94 234 212); |
| text-teal-400 | color: rgb(45 212 191); |
| text-teal-500 | color: rgb(20 184 166); |
| text-teal-600 | color: rgb(13 148 136); |
| text-teal-700 | color: rgb(15 118 110); |
| text-teal-800 | color: rgb(17 94 89); |
| text-teal-900 | color: rgb(19 78 74); |
| text-teal-950 | color: rgb(4 47 46); |
| text-cyan-50 | color: rgb(236 254 255); |
| text-cyan-100 | color: rgb(207 250 254); |
| text-cyan-200 | color: rgb(165 243 252); |
| text-cyan-300 | color: rgb(103 232 249); |
| text-cyan-400 | color: rgb(34 211 238); |
| text-cyan-500 | color: rgb(6 182 212); |
| text-cyan-600 | color: rgb(8 145 178); |
| text-cyan-700 | color: rgb(14 116 144); |
| text-cyan-800 | color: rgb(21 94 117); |
| text-cyan-900 | color: rgb(22 78 99); |
| text-cyan-950 | color: rgb(8 51 68); |
| text-sky-50 | color: rgb(240 249 255); |
| text-sky-100 | color: rgb(224 242 254); |
| text-sky-200 | color: rgb(186 230 253); |
| text-sky-300 | color: rgb(125 211 252); |
| text-sky-400 | color: rgb(56 189 248); |
| text-sky-500 | color: rgb(14 165 233); |
| text-sky-600 | color: rgb(2 132 199); |
| text-sky-700 | color: rgb(3 105 161); |
| text-sky-800 | color: rgb(7 89 133); |
| text-sky-900 | color: rgb(12 74 110); |
| text-sky-950 | color: rgb(8 47 73); |
| text-blue-50 | color: rgb(239 246 255); |
| text-blue-100 | color: rgb(219 234 254); |
| text-blue-200 | color: rgb(191 219 254); |
| text-blue-300 | color: rgb(147 197 253); |
| text-blue-400 | color: rgb(96 165 250); |
| text-blue-500 | color: rgb(59 130 246); |
| text-blue-600 | color: rgb(37 99 235); |
| text-blue-700 | color: rgb(29 78 216); |
| text-blue-800 | color: rgb(30 64 175); |
| text-blue-900 | color: rgb(30 58 138); |
| text-blue-950 | color: rgb(23 37 84); |
| text-indigo-50 | color: rgb(238 242 255); |
| text-indigo-100 | color: rgb(224 231 255); |
| text-indigo-200 | color: rgb(199 210 254); |
| text-indigo-300 | color: rgb(165 180 252); |
| text-indigo-400 | color: rgb(129 140 248); |
| text-indigo-500 | color: rgb(99 102 241); |
| text-indigo-600 | color: rgb(79 70 229); |
| text-indigo-700 | color: rgb(67 56 202); |
| text-indigo-800 | color: rgb(55 48 163); |
| text-indigo-900 | color: rgb(49 46 129); |
| text-indigo-950 | color: rgb(30 27 75); |
| text-violet-50 | color: rgb(245 243 255); |
| text-violet-100 | color: rgb(237 233 254); |
| text-violet-200 | color: rgb(221 214 254); |
| text-violet-300 | color: rgb(196 181 253); |
| text-violet-400 | color: rgb(167 139 250); |
| text-violet-500 | color: rgb(139 92 246); |
| text-violet-600 | color: rgb(124 58 237); |
| text-violet-700 | color: rgb(109 40 217); |
| text-violet-800 | color: rgb(91 33 182); |
| text-violet-900 | color: rgb(76 29 149); |
| text-violet-950 | color: rgb(46 16 101); |
| text-purple-50 | color: rgb(250 245 255); |
| text-purple-100 | color: rgb(243 232 255); |
| text-purple-200 | color: rgb(233 213 255); |
| text-purple-300 | color: rgb(216 180 254); |
| text-purple-400 | color: rgb(192 132 252); |
| text-purple-500 | color: rgb(168 85 247); |
| text-purple-600 | color: rgb(147 51 234); |
| text-purple-700 | color: rgb(126 34 206); |
| text-purple-800 | color: rgb(107 33 168); |
| text-purple-900 | color: rgb(88 28 135); |
| text-purple-950 | color: rgb(59 7 100); |
| text-fuchsia-50 | color: rgb(253 244 255); |
| text-fuchsia-100 | color: rgb(250 232 255); |
| text-fuchsia-200 | color: rgb(245 208 254); |
| text-fuchsia-300 | color: rgb(240 171 252); |
| text-fuchsia-400 | color: rgb(232 121 249); |
| text-fuchsia-500 | color: rgb(217 70 239); |
| text-fuchsia-600 | color: rgb(192 38 211); |
| text-fuchsia-700 | color: rgb(162 28 175); |
| text-fuchsia-800 | color: rgb(134 25 143); |
| text-fuchsia-900 | color: rgb(112 26 117); |
| text-fuchsia-950 | color: rgb(74 4 78); |
| text-pink-50 | color: rgb(253 242 248); |
| text-pink-100 | color: rgb(252 231 243); |
| text-pink-200 | color: rgb(251 207 232); |
| text-pink-300 | color: rgb(249 168 212); |
| text-pink-400 | color: rgb(244 114 182); |
| text-pink-500 | color: rgb(236 72 153); |
| text-pink-600 | color: rgb(219 39 119); |
| text-pink-700 | color: rgb(190 24 93); |
| text-pink-800 | color: rgb(157 23 77); |
| text-pink-900 | color: rgb(131 24 67); |
| text-pink-950 | color: rgb(80 7 36); |
| text-rose-50 | color: rgb(255 241 242); |
| text-rose-100 | color: rgb(255 228 230); |
| text-rose-200 | color: rgb(254 205 211); |
| text-rose-300 | color: rgb(253 164 175); |
| text-rose-400 | color: rgb(251 113 133); |
| text-rose-500 | color: rgb(244 63 94); |
| text-rose-600 | color: rgb(225 29 72); |
| text-rose-700 | color: rgb(190 18 60); |
| text-rose-800 | color: rgb(159 18 57); |
| text-rose-900 | color: rgb(136 19 55); |
| text-rose-950 | color: rgb(76 5 25); |
text decoration
| Tailwind CSS | CSS |
|---|---|
| underline | text-decoration-line: underline; |
| overline | text-decoration-line: overline; |
| line-through | text-decoration-line: line-through; |
| no-underline | text-decoration-line: none; |
text decoration color
| Tailwind CSS | CSS |
|---|---|
| decoration-inherit | text-decoration-color: inherit; |
| decoration-current | text-decoration-color: currentColor; |
| decoration-transparent | text-decoration-color: transparent; |
| decoration-black | text-decoration-color: #000; |
| decoration-white | text-decoration-color: #fff; |
| decoration-slate-50 | text-decoration-color: #f8fafc; |
| decoration-slate-100 | text-decoration-color: #f1f5f9; |
| decoration-slate-200 | text-decoration-color: #e2e8f0; |
| decoration-slate-300 | text-decoration-color: #cbd5e1; |
| decoration-slate-400 | text-decoration-color: #94a3b8; |
| decoration-slate-500 | text-decoration-color: #64748b; |
| decoration-slate-600 | text-decoration-color: #475569; |
| decoration-slate-700 | text-decoration-color: #334155; |
| decoration-slate-800 | text-decoration-color: #1e293b; |
| decoration-slate-900 | text-decoration-color: #0f172a; |
| decoration-slate-950 | text-decoration-color: #020617; |
| decoration-gray-50 | text-decoration-color: #f9fafb; |
| decoration-gray-100 | text-decoration-color: #f3f4f6; |
| decoration-gray-200 | text-decoration-color: #e5e7eb; |
| decoration-gray-300 | text-decoration-color: #d1d5db; |
| decoration-gray-400 | text-decoration-color: #9ca3af; |
| decoration-gray-500 | text-decoration-color: #6b7280; |
| decoration-gray-600 | text-decoration-color: #4b5563; |
| decoration-gray-700 | text-decoration-color: #374151; |
| decoration-gray-800 | text-decoration-color: #1f2937; |
| decoration-gray-900 | text-decoration-color: #111827; |
| decoration-gray-950 | text-decoration-color: #030712; |
| decoration-zinc-50 | text-decoration-color: #fafafa; |
| decoration-zinc-100 | text-decoration-color: #f4f4f5; |
| decoration-zinc-200 | text-decoration-color: #e4e4e7; |
| decoration-zinc-300 | text-decoration-color: #d4d4d8; |
| decoration-zinc-400 | text-decoration-color: #a1a1aa; |
| decoration-zinc-500 | text-decoration-color: #71717a; |
| decoration-zinc-600 | text-decoration-color: #52525b; |
| decoration-zinc-700 | text-decoration-color: #3f3f46; |
| decoration-zinc-800 | text-decoration-color: #27272a; |
| decoration-zinc-900 | text-decoration-color: #18181b; |
| decoration-zinc-950 | text-decoration-color: #09090b; |
| decoration-neutral-50 | text-decoration-color: #fafafa; |
| decoration-neutral-100 | text-decoration-color: #f5f5f5; |
| decoration-neutral-200 | text-decoration-color: #e5e5e5; |
| decoration-neutral-300 | text-decoration-color: #d4d4d4; |
| decoration-neutral-400 | text-decoration-color: #a3a3a3; |
| decoration-neutral-500 | text-decoration-color: #737373; |
| decoration-neutral-600 | text-decoration-color: #525252; |
| decoration-neutral-700 | text-decoration-color: #404040; |
| decoration-neutral-800 | text-decoration-color: #262626; |
| decoration-neutral-900 | text-decoration-color: #171717; |
| decoration-neutral-950 | text-decoration-color: #0a0a0a; |
| decoration-stone-50 | text-decoration-color: #fafaf9; |
| decoration-stone-100 | text-decoration-color: #f5f5f4; |
| decoration-stone-200 | text-decoration-color: #e7e5e4; |
| decoration-stone-300 | text-decoration-color: #d6d3d1; |
| decoration-stone-400 | text-decoration-color: #a8a29e; |
| decoration-stone-500 | text-decoration-color: #78716c; |
| decoration-stone-600 | text-decoration-color: #57534e; |
| decoration-stone-700 | text-decoration-color: #44403c; |
| decoration-stone-800 | text-decoration-color: #292524; |
| decoration-stone-900 | text-decoration-color: #1c1917; |
| decoration-stone-950 | text-decoration-color: #0c0a09; |
| decoration-red-50 | text-decoration-color: #fef2f2; |
| decoration-red-100 | text-decoration-color: #fee2e2; |
| decoration-red-200 | text-decoration-color: #fecaca; |
| decoration-red-300 | text-decoration-color: #fca5a5; |
| decoration-red-400 | text-decoration-color: #f87171; |
| decoration-red-500 | text-decoration-color: #ef4444; |
| decoration-red-600 | text-decoration-color: #dc2626; |
| decoration-red-700 | text-decoration-color: #b91c1c; |
| decoration-red-800 | text-decoration-color: #991b1b; |
| decoration-red-900 | text-decoration-color: #7f1d1d; |
| decoration-red-950 | text-decoration-color: #450a0a; |
| decoration-orange-50 | text-decoration-color: #fff7ed; |
| decoration-orange-100 | text-decoration-color: #ffedd5; |
| decoration-orange-200 | text-decoration-color: #fed7aa; |
| decoration-orange-300 | text-decoration-color: #fdba74; |
| decoration-orange-400 | text-decoration-color: #fb923c; |
| decoration-orange-500 | text-decoration-color: #f97316; |
| decoration-orange-600 | text-decoration-color: #ea580c; |
| decoration-orange-700 | text-decoration-color: #c2410c; |
| decoration-orange-800 | text-decoration-color: #9a3412; |
| decoration-orange-900 | text-decoration-color: #7c2d12; |
| decoration-orange-950 | text-decoration-color: #431407; |
| decoration-amber-50 | text-decoration-color: #fffbeb; |
| decoration-amber-100 | text-decoration-color: #fef3c7; |
| decoration-amber-200 | text-decoration-color: #fde68a; |
| decoration-amber-300 | text-decoration-color: #fcd34d; |
| decoration-amber-400 | text-decoration-color: #fbbf24; |
| decoration-amber-500 | text-decoration-color: #f59e0b; |
| decoration-amber-600 | text-decoration-color: #d97706; |
| decoration-amber-700 | text-decoration-color: #b45309; |
| decoration-amber-800 | text-decoration-color: #92400e; |
| decoration-amber-900 | text-decoration-color: #78350f; |
| decoration-amber-950 | text-decoration-color: #451a03; |
| decoration-yellow-50 | text-decoration-color: #fefce8; |
| decoration-yellow-100 | text-decoration-color: #fef9c3; |
| decoration-yellow-200 | text-decoration-color: #fef08a; |
| decoration-yellow-300 | text-decoration-color: #fde047; |
| decoration-yellow-400 | text-decoration-color: #facc15; |
| decoration-yellow-500 | text-decoration-color: #eab308; |
| decoration-yellow-600 | text-decoration-color: #ca8a04; |
| decoration-yellow-700 | text-decoration-color: #a16207; |
| decoration-yellow-800 | text-decoration-color: #854d0e; |
| decoration-yellow-900 | text-decoration-color: #713f12; |
| decoration-yellow-950 | text-decoration-color: #422006; |
| decoration-lime-50 | text-decoration-color: #f7fee7; |
| decoration-lime-100 | text-decoration-color: #ecfccb; |
| decoration-lime-200 | text-decoration-color: #d9f99d; |
| decoration-lime-300 | text-decoration-color: #bef264; |
| decoration-lime-400 | text-decoration-color: #a3e635; |
| decoration-lime-500 | text-decoration-color: #84cc16; |
| decoration-lime-600 | text-decoration-color: #65a30d; |
| decoration-lime-700 | text-decoration-color: #4d7c0f; |
| decoration-lime-800 | text-decoration-color: #3f6212; |
| decoration-lime-900 | text-decoration-color: #365314; |
| decoration-lime-950 | text-decoration-color: #1a2e05; |
| decoration-green-50 | text-decoration-color: #f0fdf4; |
| decoration-green-100 | text-decoration-color: #dcfce7; |
| decoration-green-200 | text-decoration-color: #bbf7d0; |
| decoration-green-300 | text-decoration-color: #86efac; |
| decoration-green-400 | text-decoration-color: #4ade80; |
| decoration-green-500 | text-decoration-color: #22c55e; |
| decoration-green-600 | text-decoration-color: #16a34a; |
| decoration-green-700 | text-decoration-color: #15803d; |
| decoration-green-800 | text-decoration-color: #166534; |
| decoration-green-900 | text-decoration-color: #14532d; |
| decoration-green-950 | text-decoration-color: #052e16; |
| decoration-emerald-50 | text-decoration-color: #ecfdf5; |
| decoration-emerald-100 | text-decoration-color: #d1fae5; |
| decoration-emerald-200 | text-decoration-color: #a7f3d0; |
| decoration-emerald-300 | text-decoration-color: #6ee7b7; |
| decoration-emerald-400 | text-decoration-color: #34d399; |
| decoration-emerald-500 | text-decoration-color: #10b981; |
| decoration-emerald-600 | text-decoration-color: #059669; |
| decoration-emerald-700 | text-decoration-color: #047857; |
| decoration-emerald-800 | text-decoration-color: #065f46; |
| decoration-emerald-900 | text-decoration-color: #064e3b; |
| decoration-emerald-950 | text-decoration-color: #022c22; |
| decoration-teal-50 | text-decoration-color: #f0fdfa; |
| decoration-teal-100 | text-decoration-color: #ccfbf1; |
| decoration-teal-200 | text-decoration-color: #99f6e4; |
| decoration-teal-300 | text-decoration-color: #5eead4; |
| decoration-teal-400 | text-decoration-color: #2dd4bf; |
| decoration-teal-500 | text-decoration-color: #14b8a6; |
| decoration-teal-600 | text-decoration-color: #0d9488; |
| decoration-teal-700 | text-decoration-color: #0f766e; |
| decoration-teal-800 | text-decoration-color: #115e59; |
| decoration-teal-900 | text-decoration-color: #134e4a; |
| decoration-teal-950 | text-decoration-color: #042f2e; |
| decoration-cyan-50 | text-decoration-color: #ecfeff; |
| decoration-cyan-100 | text-decoration-color: #cffafe; |
| decoration-cyan-200 | text-decoration-color: #a5f3fc; |
| decoration-cyan-300 | text-decoration-color: #67e8f9; |
| decoration-cyan-400 | text-decoration-color: #22d3ee; |
| decoration-cyan-500 | text-decoration-color: #06b6d4; |
| decoration-cyan-600 | text-decoration-color: #0891b2; |
| decoration-cyan-700 | text-decoration-color: #0e7490; |
| decoration-cyan-800 | text-decoration-color: #155e75; |
| decoration-cyan-900 | text-decoration-color: #164e63; |
| decoration-cyan-950 | text-decoration-color: #083344; |
| decoration-sky-50 | text-decoration-color: #f0f9ff; |
| decoration-sky-100 | text-decoration-color: #e0f2fe; |
| decoration-sky-200 | text-decoration-color: #bae6fd; |
| decoration-sky-300 | text-decoration-color: #7dd3fc; |
| decoration-sky-400 | text-decoration-color: #38bdf8; |
| decoration-sky-500 | text-decoration-color: #0ea5e9; |
| decoration-sky-600 | text-decoration-color: #0284c7; |
| decoration-sky-700 | text-decoration-color: #0369a1; |
| decoration-sky-800 | text-decoration-color: #075985; |
| decoration-sky-900 | text-decoration-color: #0c4a6e; |
| decoration-sky-950 | text-decoration-color: #082f49; |
| decoration-blue-50 | text-decoration-color: #eff6ff; |
| decoration-blue-100 | text-decoration-color: #dbeafe; |
| decoration-blue-200 | text-decoration-color: #bfdbfe; |
| decoration-blue-300 | text-decoration-color: #93c5fd; |
| decoration-blue-400 | text-decoration-color: #60a5fa; |
| decoration-blue-500 | text-decoration-color: #3b82f6; |
| decoration-blue-600 | text-decoration-color: #2563eb; |
| decoration-blue-700 | text-decoration-color: #1d4ed8; |
| decoration-blue-800 | text-decoration-color: #1e40af; |
| decoration-blue-900 | text-decoration-color: #1e3a8a; |
| decoration-blue-950 | text-decoration-color: #172554; |
| decoration-indigo-50 | text-decoration-color: #eef2ff; |
| decoration-indigo-100 | text-decoration-color: #e0e7ff; |
| decoration-indigo-200 | text-decoration-color: #c7d2fe; |
| decoration-indigo-300 | text-decoration-color: #a5b4fc; |
| decoration-indigo-400 | text-decoration-color: #818cf8; |
| decoration-indigo-500 | text-decoration-color: #6366f1; |
| decoration-indigo-600 | text-decoration-color: #4f46e5; |
| decoration-indigo-700 | text-decoration-color: #4338ca; |
| decoration-indigo-800 | text-decoration-color: #3730a3; |
| decoration-indigo-900 | text-decoration-color: #312e81; |
| decoration-indigo-950 | text-decoration-color: #1e1b4b; |
| decoration-violet-50 | text-decoration-color: #f5f3ff; |
| decoration-violet-100 | text-decoration-color: #ede9fe; |
| decoration-violet-200 | text-decoration-color: #ddd6fe; |
| decoration-violet-300 | text-decoration-color: #c4b5fd; |
| decoration-violet-400 | text-decoration-color: #a78bfa; |
| decoration-violet-500 | text-decoration-color: #8b5cf6; |
| decoration-violet-600 | text-decoration-color: #7c3aed; |
| decoration-violet-700 | text-decoration-color: #6d28d9; |
| decoration-violet-800 | text-decoration-color: #5b21b6; |
| decoration-violet-900 | text-decoration-color: #4c1d95; |
| decoration-violet-950 | text-decoration-color: #2e1065; |
| decoration-purple-50 | text-decoration-color: #faf5ff; |
| decoration-purple-100 | text-decoration-color: #f3e8ff; |
| decoration-purple-200 | text-decoration-color: #e9d5ff; |
| decoration-purple-300 | text-decoration-color: #d8b4fe; |
| decoration-purple-400 | text-decoration-color: #c084fc; |
| decoration-purple-500 | text-decoration-color: #a855f7; |
| decoration-purple-600 | text-decoration-color: #9333ea; |
| decoration-purple-700 | text-decoration-color: #7e22ce; |
| decoration-purple-800 | text-decoration-color: #6b21a8; |
| decoration-purple-900 | text-decoration-color: #581c87; |
| decoration-purple-950 | text-decoration-color: #3b0764; |
| decoration-fuchsia-50 | text-decoration-color: #fdf4ff; |
| decoration-fuchsia-100 | text-decoration-color: #fae8ff; |
| decoration-fuchsia-200 | text-decoration-color: #f5d0fe; |
| decoration-fuchsia-300 | text-decoration-color: #f0abfc; |
| decoration-fuchsia-400 | text-decoration-color: #e879f9; |
| decoration-fuchsia-500 | text-decoration-color: #d946ef; |
| decoration-fuchsia-600 | text-decoration-color: #c026d3; |
| decoration-fuchsia-700 | text-decoration-color: #a21caf; |
| decoration-fuchsia-800 | text-decoration-color: #86198f; |
| decoration-fuchsia-900 | text-decoration-color: #701a75; |
| decoration-fuchsia-950 | text-decoration-color: #4a044e; |
| decoration-pink-50 | text-decoration-color: #fdf2f8; |
| decoration-pink-100 | text-decoration-color: #fce7f3; |
| decoration-pink-200 | text-decoration-color: #fbcfe8; |
| decoration-pink-300 | text-decoration-color: #f9a8d4; |
| decoration-pink-400 | text-decoration-color: #f472b6; |
| decoration-pink-500 | text-decoration-color: #ec4899; |
| decoration-pink-600 | text-decoration-color: #db2777; |
| decoration-pink-700 | text-decoration-color: #be185d; |
| decoration-pink-800 | text-decoration-color: #9d174d; |
| decoration-pink-900 | text-decoration-color: #831843; |
| decoration-pink-950 | text-decoration-color: #500724; |
| decoration-rose-50 | text-decoration-color: #fff1f2; |
| decoration-rose-100 | text-decoration-color: #ffe4e6; |
| decoration-rose-200 | text-decoration-color: #fecdd3; |
| decoration-rose-300 | text-decoration-color: #fda4af; |
| decoration-rose-400 | text-decoration-color: #fb7185; |
| decoration-rose-500 | text-decoration-color: #f43f5e; |
| decoration-rose-600 | text-decoration-color: #e11d48; |
| decoration-rose-700 | text-decoration-color: #be123c; |
| decoration-rose-800 | text-decoration-color: #9f1239; |
| decoration-rose-900 | text-decoration-color: #881337; |
| decoration-rose-950 | text-decoration-color: #4c0519; |
text decoration style
| Tailwind CSS | CSS |
|---|---|
| decoration-solid | text-decoration-style: solid; |
| decoration-double | text-decoration-style: double; |
| decoration-dotted | text-decoration-style: dotted; |
| decoration-dashed | text-decoration-style: dashed; |
| decoration-wavy | text-decoration-style: wavy; |
text decoration thickness
| Tailwind CSS | CSS |
|---|---|
| decoration-auto | text-decoration-thickness: auto; |
| decoration-from-font | text-decoration-thickness: from-font; |
| decoration-0 | text-decoration-thickness: 0px; |
| decoration-1 | text-decoration-thickness: 1px; |
| decoration-2 | text-decoration-thickness: 2px; |
| decoration-4 | text-decoration-thickness: 4px; |
| decoration-8 | text-decoration-thickness: 8px; |
text underline offset
| Tailwind CSS | CSS |
|---|---|
| underline-offset-auto | text-underline-offset: auto; |
| underline-offset-0 | text-underline-offset: 0px; |
| underline-offset-1 | text-underline-offset: 1px; |
| underline-offset-2 | text-underline-offset: 2px; |
| underline-offset-4 | text-underline-offset: 4px; |
| underline-offset-8 | text-underline-offset: 8px; |
text transform
| Tailwind CSS | CSS |
|---|---|
| uppercase | text-transform: uppercase; |
| lowercase | text-transform: lowercase; |
| capitalize | text-transform: capitalize; |
| normal-case | text-transform: none; |
text overflow
| Tailwind CSS | CSS |
|---|---|
| truncate | overflow: hidden; text-overflow: ellipsis; white-space: nowrap; |
| text-ellipsis | text-overflow: ellipsis; |
| text-clip | text-overflow: clip; |
text wrap
| Tailwind CSS | CSS |
|---|---|
| text-wrap | text-wrap: wrap; |
| text-nowrap | text-wrap: nowrap; |
| text-balance | text-wrap: balance; |
| text-pretty | text-wrap: pretty; |
text indent
| Tailwind CSS | CSS |
|---|---|
| indent-0 | text-indent: 0px; |
| indent-px | text-indent: 1px; |
| indent-0.5 | text-indent: 0.125rem; /* 2px */ |
| indent-1 | text-indent: 0.25rem; /* 4px */ |
| indent-1.5 | text-indent: 0.375rem; /* 6px */ |
| indent-2 | text-indent: 0.5rem; /* 8px */ |
| indent-2.5 | text-indent: 0.625rem; /* 10px */ |
| indent-3 | text-indent: 0.75rem; /* 12px */ |
| indent-3.5 | text-indent: 0.875rem; /* 14px */ |
| indent-4 | text-indent: 1rem; /* 16px */ |
| indent-5 | text-indent: 1.25rem; /* 20px */ |
| indent-6 | text-indent: 1.5rem; /* 24px */ |
| indent-7 | text-indent: 1.75rem; /* 28px */ |
| indent-8 | text-indent: 2rem; /* 32px */ |
| indent-9 | text-indent: 2.25rem; /* 36px */ |
| indent-10 | text-indent: 2.5rem; /* 40px */ |
| indent-11 | text-indent: 2.75rem; /* 44px */ |
| indent-12 | text-indent: 3rem; /* 48px */ |
| indent-14 | text-indent: 3.5rem; /* 56px */ |
| indent-16 | text-indent: 4rem; /* 64px */ |
| indent-20 | text-indent: 5rem; /* 80px */ |
| indent-24 | text-indent: 6rem; /* 96px */ |
| indent-28 | text-indent: 7rem; /* 112px */ |
| indent-32 | text-indent: 8rem; /* 128px */ |
| indent-36 | text-indent: 9rem; /* 144px */ |
| indent-40 | text-indent: 10rem; /* 160px */ |
| indent-44 | text-indent: 11rem; /* 176px */ |
| indent-48 | text-indent: 12rem; /* 192px */ |
| indent-52 | text-indent: 13rem; /* 208px */ |
| indent-56 | text-indent: 14rem; /* 224px */ |
| indent-60 | text-indent: 15rem; /* 240px */ |
| indent-64 | text-indent: 16rem; /* 256px */ |
| indent-72 | text-indent: 18rem; /* 288px */ |
| indent-80 | text-indent: 20rem; /* 320px */ |
| indent-96 | text-indent: 24rem; /* 384px */ |
vertical align
| Tailwind CSS | CSS |
|---|---|
| align-baseline | vertical-align: baseline; |
| align-top | vertical-align: top; |
| align-middle | vertical-align: middle; |
| align-bottom | vertical-align: bottom; |
| align-text-top | vertical-align: text-top; |
| align-text-bottom | vertical-align: text-bottom; |
| align-sub | vertical-align: sub; |
| align-super | vertical-align: super; |
whitespace
| Tailwind CSS | CSS |
|---|---|
| whitespace-normal | white-space: normal; |
| whitespace-nowrap | white-space: nowrap; |
| whitespace-pre | white-space: pre; |
| whitespace-pre-line | white-space: pre-line; |
| whitespace-pre-wrap | white-space: pre-wrap; |
| whitespace-break-spaces | white-space: break-spaces; |
word break
| Tailwind CSS | CSS |
|---|---|
| break-normal | overflow-wrap: normal; word-break: normal; |
| break-words | overflow-wrap: break-word; |
| break-all | word-break: break-all; |
| break-keep | word-break: keep-all; |
hyphens
| Tailwind CSS | CSS |
|---|---|
| hyphens-none | hyphens: none; |
| hyphens-manual | hyphens: manual; |
| hyphens-auto | hyphens: auto; |
background attachment
| Tailwind CSS | CSS |
|---|---|
| bg-fixed | background-attachment: fixed; |
| bg-local | background-attachment: local; |
| bg-scroll | background-attachment: scroll; |
background clip
| Tailwind CSS | CSS |
|---|---|
| bg-clip-border | background-clip: border-box; |
| bg-clip-padding | background-clip: padding-box; |
| bg-clip-content | background-clip: content-box hidden; |
| bg-clip-text | background-clip: text; |
background color
| Tailwind CSS | CSS |
|---|---|
| bg-inherit | background-color: inherit; |
| bg-current | background-color: currentColor; |
| bg-transparent | background-color: transparent; |
| bg-black | background-color: rgb(0 0 0); |
| bg-white | background-color: rgb(255 255 255); |
| bg-slate-50 | background-color: rgb(248 250 252); |
| bg-slate-100 | background-color: rgb(241 245 249); |
| bg-slate-200 | background-color: rgb(226 232 240); |
| bg-slate-300 | background-color: rgb(203 213 225); |
| bg-slate-400 | background-color: rgb(148 163 184); |
| bg-slate-500 | background-color: rgb(100 116 139); |
| bg-slate-600 | background-color: rgb(71 85 105); |
| bg-slate-700 | background-color: rgb(51 65 85); |
| bg-slate-800 | background-color: rgb(30 41 59); |
| bg-slate-900 | background-color: rgb(15 23 42); |
| bg-slate-950 | background-color: rgb(2 6 23); |
| bg-gray-50 | background-color: rgb(249 250 251); |
| bg-gray-100 | background-color: rgb(243 244 246); |
| bg-gray-200 | background-color: rgb(229 231 235); |
| bg-gray-300 | background-color: rgb(209 213 219); |
| bg-gray-400 | background-color: rgb(156 163 175); |
| bg-gray-500 | background-color: rgb(107 114 128); |
| bg-gray-600 | background-color: rgb(75 85 99); |
| bg-gray-700 | background-color: rgb(55 65 81); |
| bg-gray-800 | background-color: rgb(31 41 55); |
| bg-gray-900 | background-color: rgb(17 24 39); |
| bg-gray-950 | background-color: rgb(3 7 18); |
| bg-zinc-50 | background-color: rgb(250 250 250); |
| bg-zinc-100 | background-color: rgb(244 244 245); |
| bg-zinc-200 | background-color: rgb(228 228 231); |
| bg-zinc-300 | background-color: rgb(212 212 216); |
| bg-zinc-400 | background-color: rgb(161 161 170); |
| bg-zinc-500 | background-color: rgb(113 113 122); |
| bg-zinc-600 | background-color: rgb(82 82 91); |
| bg-zinc-700 | background-color: rgb(63 63 70); |
| bg-zinc-800 | background-color: rgb(39 39 42); |
| bg-zinc-900 | background-color: rgb(24 24 27); |
| bg-zinc-950 | background-color: rgb(9 9 11); |
| bg-neutral-50 | background-color: rgb(250 250 250); |
| bg-neutral-100 | background-color: rgb(245 245 245); |
| bg-neutral-200 | background-color: rgb(229 229 229); |
| bg-neutral-300 | background-color: rgb(212 212 212); |
| bg-neutral-400 | background-color: rgb(163 163 163); |
| bg-neutral-500 | background-color: rgb(115 115 115); |
| bg-neutral-600 | background-color: rgb(82 82 82); |
| bg-neutral-700 | background-color: rgb(64 64 64); |
| bg-neutral-800 | background-color: rgb(38 38 38); |
| bg-neutral-900 | background-color: rgb(23 23 23); |
| bg-neutral-950 | background-color: rgb(10 10 10); |
| bg-stone-50 | background-color: rgb(250 250 249); |
| bg-stone-100 | background-color: rgb(245 245 244); |
| bg-stone-200 | background-color: rgb(231 229 228); |
| bg-stone-300 | background-color: rgb(214 211 209); |
| bg-stone-400 | background-color: rgb(168 162 158); |
| bg-stone-500 | background-color: rgb(120 113 108); |
| bg-stone-600 | background-color: rgb(87 83 78); |
| bg-stone-700 | background-color: rgb(68 64 60); |
| bg-stone-800 | background-color: rgb(41 37 36); |
| bg-stone-900 | background-color: rgb(28 25 23); |
| bg-stone-950 | background-color: rgb(12 10 9); |
| bg-red-50 | background-color: rgb(254 242 242); |
| bg-red-100 | background-color: rgb(254 226 226); |
| bg-red-200 | background-color: rgb(254 202 202); |
| bg-red-300 | background-color: rgb(252 165 165); |
| bg-red-400 | background-color: rgb(248 113 113); |
| bg-red-500 | background-color: rgb(239 68 68); |
| bg-red-600 | background-color: rgb(220 38 38); |
| bg-red-700 | background-color: rgb(185 28 28); |
| bg-red-800 | background-color: rgb(153 27 27); |
| bg-red-900 | background-color: rgb(127 29 29); |
| bg-red-950 | background-color: rgb(69 10 10); |
| bg-orange-50 | background-color: rgb(255 247 237); |
| bg-orange-100 | background-color: rgb(255 237 213); |
| bg-orange-200 | background-color: rgb(254 215 170); |
| bg-orange-300 | background-color: rgb(253 186 116); |
| bg-orange-400 | background-color: rgb(251 146 60); |
| bg-orange-500 | background-color: rgb(249 115 22); |
| bg-orange-600 | background-color: rgb(234 88 12); |
| bg-orange-700 | background-color: rgb(194 65 12); |
| bg-orange-800 | background-color: rgb(154 52 18); |
| bg-orange-900 | background-color: rgb(124 45 18); |
| bg-orange-950 | background-color: rgb(67 20 7); |
| bg-amber-50 | background-color: rgb(255 251 235); |
| bg-amber-100 | background-color: rgb(254 243 199); |
| bg-amber-200 | background-color: rgb(253 230 138); |
| bg-amber-300 | background-color: rgb(252 211 77); |
| bg-amber-400 | background-color: rgb(251 191 36); |
| bg-amber-500 | background-color: rgb(245 158 11); |
| bg-amber-600 | background-color: rgb(217 119 6); |
| bg-amber-700 | background-color: rgb(180 83 9); |
| bg-amber-800 | background-color: rgb(146 64 14); |
| bg-amber-900 | background-color: rgb(120 53 15); |
| bg-amber-950 | background-color: rgb(69 26 3); |
| bg-yellow-50 | background-color: rgb(254 252 232); |
| bg-yellow-100 | background-color: rgb(254 249 195); |
| bg-yellow-200 | background-color: rgb(254 240 138); |
| bg-yellow-300 | background-color: rgb(253 224 71); |
| bg-yellow-400 | background-color: rgb(250 204 21); |
| bg-yellow-500 | background-color: rgb(234 179 8); |
| bg-yellow-600 | background-color: rgb(202 138 4); |
| bg-yellow-700 | background-color: rgb(161 98 7); |
| bg-yellow-800 | background-color: rgb(133 77 14); |
| bg-yellow-900 | background-color: rgb(113 63 18); |
| bg-yellow-950 | background-color: rgb(66 32 6); |
| bg-lime-50 | background-color: rgb(247 254 231); |
| bg-lime-100 | background-color: rgb(236 252 203); |
| bg-lime-200 | background-color: rgb(217 249 157); |
| bg-lime-300 | background-color: rgb(190 242 100); |
| bg-lime-400 | background-color: rgb(163 230 53); |
| bg-lime-500 | background-color: rgb(132 204 22); |
| bg-lime-600 | background-color: rgb(101 163 13); |
| bg-lime-700 | background-color: rgb(77 124 15); |
| bg-lime-800 | background-color: rgb(63 98 18); |
| bg-lime-900 | background-color: rgb(54 83 20); |
| bg-lime-950 | background-color: rgb(26 46 5); |
| bg-green-50 | background-color: rgb(240 253 244); |
| bg-green-100 | background-color: rgb(220 252 231); |
| bg-green-200 | background-color: rgb(187 247 208); |
| bg-green-300 | background-color: rgb(134 239 172); |
| bg-green-400 | background-color: rgb(74 222 128); |
| bg-green-500 | background-color: rgb(34 197 94); |
| bg-green-600 | background-color: rgb(22 163 74); |
| bg-green-700 | background-color: rgb(21 128 61); |
| bg-green-800 | background-color: rgb(22 101 52); |
| bg-green-900 | background-color: rgb(20 83 45); |
| bg-green-950 | background-color: rgb(5 46 22); |
| bg-emerald-50 | background-color: rgb(236 253 245); |
| bg-emerald-100 | background-color: rgb(209 250 229); |
| bg-emerald-200 | background-color: rgb(167 243 208); |
| bg-emerald-300 | background-color: rgb(110 231 183); |
| bg-emerald-400 | background-color: rgb(52 211 153); |
| bg-emerald-500 | background-color: rgb(16 185 129); |
| bg-emerald-600 | background-color: rgb(5 150 105); |
| bg-emerald-700 | background-color: rgb(4 120 87); |
| bg-emerald-800 | background-color: rgb(6 95 70); |
| bg-emerald-900 | background-color: rgb(6 78 59); |
| bg-emerald-950 | background-color: rgb(2 44 34); |
| bg-teal-50 | background-color: rgb(240 253 250); |
| bg-teal-100 | background-color: rgb(204 251 241); |
| bg-teal-200 | background-color: rgb(153 246 228); |
| bg-teal-300 | background-color: rgb(94 234 212); |
| bg-teal-400 | background-color: rgb(45 212 191); |
| bg-teal-500 | background-color: rgb(20 184 166); |
| bg-teal-600 | background-color: rgb(13 148 136); |
| bg-teal-700 | background-color: rgb(15 118 110); |
| bg-teal-800 | background-color: rgb(17 94 89); |
| bg-teal-900 | background-color: rgb(19 78 74); |
| bg-teal-950 | background-color: rgb(4 47 46); |
| bg-cyan-50 | background-color: rgb(236 254 255); |
| bg-cyan-100 | background-color: rgb(207 250 254); |
| bg-cyan-200 | background-color: rgb(165 243 252); |
| bg-cyan-300 | background-color: rgb(103 232 249); |
| bg-cyan-400 | background-color: rgb(34 211 238); |
| bg-cyan-500 | background-color: rgb(6 182 212); |
| bg-cyan-600 | background-color: rgb(8 145 178); |
| bg-cyan-700 | background-color: rgb(14 116 144); |
| bg-cyan-800 | background-color: rgb(21 94 117); |
| bg-cyan-900 | background-color: rgb(22 78 99); |
| bg-cyan-950 | background-color: rgb(8 51 68); |
| bg-sky-50 | background-color: rgb(240 249 255); |
| bg-sky-100 | background-color: rgb(224 242 254); |
| bg-sky-200 | background-color: rgb(186 230 253); |
| bg-sky-300 | background-color: rgb(125 211 252); |
| bg-sky-400 | background-color: rgb(56 189 248); |
| bg-sky-500 | background-color: rgb(14 165 233); |
| bg-sky-600 | background-color: rgb(2 132 199); |
| bg-sky-700 | background-color: rgb(3 105 161); |
| bg-sky-800 | background-color: rgb(7 89 133); |
| bg-sky-900 | background-color: rgb(12 74 110); |
| bg-sky-950 | background-color: rgb(8 47 73); |
| bg-blue-50 | background-color: rgb(239 246 255); |
| bg-blue-100 | background-color: rgb(219 234 254); |
| bg-blue-200 | background-color: rgb(191 219 254); |
| bg-blue-300 | background-color: rgb(147 197 253); |
| bg-blue-400 | background-color: rgb(96 165 250); |
| bg-blue-500 | background-color: rgb(59 130 246); |
| bg-blue-600 | background-color: rgb(37 99 235); |
| bg-blue-700 | background-color: rgb(29 78 216); |
| bg-blue-800 | background-color: rgb(30 64 175); |
| bg-blue-900 | background-color: rgb(30 58 138); |
| bg-blue-950 | background-color: rgb(23 37 84); |
| bg-indigo-50 | background-color: rgb(238 242 255); |
| bg-indigo-100 | background-color: rgb(224 231 255); |
| bg-indigo-200 | background-color: rgb(199 210 254); |
| bg-indigo-300 | background-color: rgb(165 180 252); |
| bg-indigo-400 | background-color: rgb(129 140 248); |
| bg-indigo-500 | background-color: rgb(99 102 241); |
| bg-indigo-600 | background-color: rgb(79 70 229); |
| bg-indigo-700 | background-color: rgb(67 56 202); |
| bg-indigo-800 | background-color: rgb(55 48 163); |
| bg-indigo-900 | background-color: rgb(49 46 129); |
| bg-indigo-950 | background-color: rgb(30 27 75); |
| bg-violet-50 | background-color: rgb(245 243 255); |
| bg-violet-100 | background-color: rgb(237 233 254); |
| bg-violet-200 | background-color: rgb(221 214 254); |
| bg-violet-300 | background-color: rgb(196 181 253); |
| bg-violet-400 | background-color: rgb(167 139 250); |
| bg-violet-500 | background-color: rgb(139 92 246); |
| bg-violet-600 | background-color: rgb(124 58 237); |
| bg-violet-700 | background-color: rgb(109 40 217); |
| bg-violet-800 | background-color: rgb(91 33 182); |
| bg-violet-900 | background-color: rgb(76 29 149); |
| bg-violet-950 | background-color: rgb(46 16 101); |
| bg-purple-50 | background-color: rgb(250 245 255); |
| bg-purple-100 | background-color: rgb(243 232 255); |
| bg-purple-200 | background-color: rgb(233 213 255); |
| bg-purple-300 | background-color: rgb(216 180 254); |
| bg-purple-400 | background-color: rgb(192 132 252); |
| bg-purple-500 | background-color: rgb(168 85 247); |
| bg-purple-600 | background-color: rgb(147 51 234); |
| bg-purple-700 | background-color: rgb(126 34 206); |
| bg-purple-800 | background-color: rgb(107 33 168); |
| bg-purple-900 | background-color: rgb(88 28 135); |
| bg-purple-950 | background-color: rgb(59 7 100); |
| bg-fuchsia-50 | background-color: rgb(253 244 255); |
| bg-fuchsia-100 | background-color: rgb(250 232 255); |
| bg-fuchsia-200 | background-color: rgb(245 208 254); |
| bg-fuchsia-300 | background-color: rgb(240 171 252); |
| bg-fuchsia-400 | background-color: rgb(232 121 249); |
| bg-fuchsia-500 | background-color: rgb(217 70 239); |
| bg-fuchsia-600 | background-color: rgb(192 38 211); |
| bg-fuchsia-700 | background-color: rgb(162 28 175); |
| bg-fuchsia-800 | background-color: rgb(134 25 143); |
| bg-fuchsia-900 | background-color: rgb(112 26 117); |
| bg-fuchsia-950 | background-color: rgb(74 4 78); |
| bg-pink-50 | background-color: rgb(253 242 248); |
| bg-pink-100 | background-color: rgb(252 231 243); |
| bg-pink-200 | background-color: rgb(251 207 232); |
| bg-pink-300 | background-color: rgb(249 168 212); |
| bg-pink-400 | background-color: rgb(244 114 182); |
| bg-pink-500 | background-color: rgb(236 72 153); |
| bg-pink-600 | background-color: rgb(219 39 119); |
| bg-pink-700 | background-color: rgb(190 24 93); |
| bg-pink-800 | background-color: rgb(157 23 77); |
| bg-pink-900 | background-color: rgb(131 24 67); |
| bg-pink-950 | background-color: rgb(80 7 36); |
| bg-rose-50 | background-color: rgb(255 241 242); |
| bg-rose-100 | background-color: rgb(255 228 230); |
| bg-rose-200 | background-color: rgb(254 205 211); |
| bg-rose-300 | background-color: rgb(253 164 175); |
| bg-rose-400 | background-color: rgb(251 113 133); |
| bg-rose-500 | background-color: rgb(244 63 94); |
| bg-rose-600 | background-color: rgb(225 29 72); |
| bg-rose-700 | background-color: rgb(190 18 60); |
| bg-rose-800 | background-color: rgb(159 18 57); |
| bg-rose-900 | background-color: rgb(136 19 55); |
| bg-rose-950 | background-color: rgb(76 5 25); |
background origin
| Tailwind CSS | CSS |
|---|---|
| bg-origin-border | background-origin: border-box; |
| bg-origin-padding | background-origin: padding-box; |
| bg-origin-content | background-origin: content-box hidden; |
background position
| Tailwind CSS | CSS |
|---|---|
| bg-bottom | background-position: bottom; |
| bg-center | background-position: center; |
| bg-left | background-position: left; |
| bg-left-bottom | background-position: left bottom; |
| bg-left-top | background-position: left top; |
| bg-right | background-position: right; |
| bg-right-bottom | background-position: right bottom; |
| bg-right-top | background-position: right top; |
| bg-top | background-position: top; |
background repeat
| Tailwind CSS | CSS |
|---|---|
| bg-repeat | background-repeat: repeat; |
| bg-no-repeat | background-repeat: no-repeat; |
| bg-repeat-x | background-repeat: repeat-x; |
| bg-repeat-y | background-repeat: repeat-y; |
| bg-repeat-round | background-repeat: round; |
| bg-repeat-space | background-repeat: space; |
background size
| Tailwind CSS | CSS |
|---|---|
| bg-auto | background-size: auto; |
| bg-cover | background-size: cover; |
| bg-contain | background-size: contain; |
background image
| Tailwind CSS | CSS |
|---|---|
| bg-none | background-image: none; |
| bg-gradient-to-t | background-image: linear-gradient(to top, var(--tw-gradient-stops)); |
| bg-gradient-to-tr | background-image: linear-gradient(to top right, var(--tw-gradient-stops)); |
| bg-gradient-to-r | background-image: linear-gradient(to right, var(--tw-gradient-stops)); |
| bg-gradient-to-br | background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); |
| bg-gradient-to-b | background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); |
| bg-gradient-to-bl | background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); |
| bg-gradient-to-l | background-image: linear-gradient(to left, var(--tw-gradient-stops)); |
| bg-gradient-to-tl | background-image: linear-gradient(to top left, var(--tw-gradient-stops)); |
gradient color stops
| Tailwind CSS | CSS |
|---|---|
| from-inherit | --tw-gradient-from: inherit var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-current | --tw-gradient-from: currentColor var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-transparent | --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-black | --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-white | --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-50 | --tw-gradient-from: #f8fafc var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-100 | --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-200 | --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-300 | --tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-400 | --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-500 | --tw-gradient-from: #64748b var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-600 | --tw-gradient-from: #475569 var(--tw-gradient-from-position); --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-700 | --tw-gradient-from: #334155 var(--tw-gradient-from-position); --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-800 | --tw-gradient-from: #1e293b var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-900 | --tw-gradient-from: #0f172a var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-slate-950 | --tw-gradient-from: #020617 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-50 | --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-100 | --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-200 | --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-300 | --tw-gradient-from: #d1d5db var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-400 | --tw-gradient-from: #9ca3af var(--tw-gradient-from-position); --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-500 | --tw-gradient-from: #6b7280 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-600 | --tw-gradient-from: #4b5563 var(--tw-gradient-from-position); --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-700 | --tw-gradient-from: #374151 var(--tw-gradient-from-position); --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-800 | --tw-gradient-from: #1f2937 var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-900 | --tw-gradient-from: #111827 var(--tw-gradient-from-position); --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-gray-950 | --tw-gradient-from: #030712 var(--tw-gradient-from-position); --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-50 | --tw-gradient-from: #fafafa var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-100 | --tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-200 | --tw-gradient-from: #e4e4e7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-300 | --tw-gradient-from: #d4d4d8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-400 | --tw-gradient-from: #a1a1aa var(--tw-gradient-from-position); --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-500 | --tw-gradient-from: #71717a var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-600 | --tw-gradient-from: #52525b var(--tw-gradient-from-position); --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-700 | --tw-gradient-from: #3f3f46 var(--tw-gradient-from-position); --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-800 | --tw-gradient-from: #27272a var(--tw-gradient-from-position); --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-900 | --tw-gradient-from: #18181b var(--tw-gradient-from-position); --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-zinc-950 | --tw-gradient-from: #09090b var(--tw-gradient-from-position); --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-50 | --tw-gradient-from: #fafafa var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-100 | --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-200 | --tw-gradient-from: #e5e5e5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(229 229 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-300 | --tw-gradient-from: #d4d4d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-400 | --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-500 | --tw-gradient-from: #737373 var(--tw-gradient-from-position); --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-600 | --tw-gradient-from: #525252 var(--tw-gradient-from-position); --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-700 | --tw-gradient-from: #404040 var(--tw-gradient-from-position); --tw-gradient-to: rgb(64 64 64 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-800 | --tw-gradient-from: #262626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-900 | --tw-gradient-from: #171717 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-neutral-950 | --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-50 | --tw-gradient-from: #fafaf9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-100 | --tw-gradient-from: #f5f5f4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 245 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-200 | --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-300 | --tw-gradient-from: #d6d3d1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(214 211 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-400 | --tw-gradient-from: #a8a29e var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-500 | --tw-gradient-from: #78716c var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 113 108 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-600 | --tw-gradient-from: #57534e var(--tw-gradient-from-position); --tw-gradient-to: rgb(87 83 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-700 | --tw-gradient-from: #44403c var(--tw-gradient-from-position); --tw-gradient-to: rgb(68 64 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-800 | --tw-gradient-from: #292524 var(--tw-gradient-from-position); --tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-900 | --tw-gradient-from: #1c1917 var(--tw-gradient-from-position); --tw-gradient-to: rgb(28 25 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-stone-950 | --tw-gradient-from: #0c0a09 var(--tw-gradient-from-position); --tw-gradient-to: rgb(12 10 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-50 | --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-100 | --tw-gradient-from: #fee2e2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 226 226 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-200 | --tw-gradient-from: #fecaca var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-300 | --tw-gradient-from: #fca5a5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 165 165 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-400 | --tw-gradient-from: #f87171 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-500 | --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-600 | --tw-gradient-from: #dc2626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-700 | --tw-gradient-from: #b91c1c var(--tw-gradient-from-position); --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-800 | --tw-gradient-from: #991b1b var(--tw-gradient-from-position); --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-900 | --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position); --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-red-950 | --tw-gradient-from: #450a0a var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-50 | --tw-gradient-from: #fff7ed var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-100 | --tw-gradient-from: #ffedd5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-200 | --tw-gradient-from: #fed7aa var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-300 | --tw-gradient-from: #fdba74 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-400 | --tw-gradient-from: #fb923c var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-500 | --tw-gradient-from: #f97316 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-600 | --tw-gradient-from: #ea580c var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-700 | --tw-gradient-from: #c2410c var(--tw-gradient-from-position); --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-800 | --tw-gradient-from: #9a3412 var(--tw-gradient-from-position); --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-900 | --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-orange-950 | --tw-gradient-from: #431407 var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-50 | --tw-gradient-from: #fffbeb var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-100 | --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-200 | --tw-gradient-from: #fde68a var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-300 | --tw-gradient-from: #fcd34d var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-400 | --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-500 | --tw-gradient-from: #f59e0b var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-600 | --tw-gradient-from: #d97706 var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-700 | --tw-gradient-from: #b45309 var(--tw-gradient-from-position); --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-800 | --tw-gradient-from: #92400e var(--tw-gradient-from-position); --tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-900 | --tw-gradient-from: #78350f var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-amber-950 | --tw-gradient-from: #451a03 var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-50 | --tw-gradient-from: #fefce8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-100 | --tw-gradient-from: #fef9c3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-200 | --tw-gradient-from: #fef08a var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-300 | --tw-gradient-from: #fde047 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-400 | --tw-gradient-from: #facc15 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-500 | --tw-gradient-from: #eab308 var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-600 | --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position); --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-700 | --tw-gradient-from: #a16207 var(--tw-gradient-from-position); --tw-gradient-to: rgb(161 98 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-800 | --tw-gradient-from: #854d0e var(--tw-gradient-from-position); --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-900 | --tw-gradient-from: #713f12 var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-yellow-950 | --tw-gradient-from: #422006 var(--tw-gradient-from-position); --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-50 | --tw-gradient-from: #f7fee7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(247 254 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-100 | --tw-gradient-from: #ecfccb var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 252 203 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-200 | --tw-gradient-from: #d9f99d var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-300 | --tw-gradient-from: #bef264 var(--tw-gradient-from-position); --tw-gradient-to: rgb(190 242 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-400 | --tw-gradient-from: #a3e635 var(--tw-gradient-from-position); --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-500 | --tw-gradient-from: #84cc16 var(--tw-gradient-from-position); --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-600 | --tw-gradient-from: #65a30d var(--tw-gradient-from-position); --tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-700 | --tw-gradient-from: #4d7c0f var(--tw-gradient-from-position); --tw-gradient-to: rgb(77 124 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-800 | --tw-gradient-from: #3f6212 var(--tw-gradient-from-position); --tw-gradient-to: rgb(63 98 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-900 | --tw-gradient-from: #365314 var(--tw-gradient-from-position); --tw-gradient-to: rgb(54 83 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-lime-950 | --tw-gradient-from: #1a2e05 var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 46 5 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-50 | --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-100 | --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-200 | --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-300 | --tw-gradient-from: #86efac var(--tw-gradient-from-position); --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-400 | --tw-gradient-from: #4ade80 var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-500 | --tw-gradient-from: #22c55e var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-600 | --tw-gradient-from: #16a34a var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-700 | --tw-gradient-from: #15803d var(--tw-gradient-from-position); --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-800 | --tw-gradient-from: #166534 var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-900 | --tw-gradient-from: #14532d var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-green-950 | --tw-gradient-from: #052e16 var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-50 | --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-100 | --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-200 | --tw-gradient-from: #a7f3d0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-300 | --tw-gradient-from: #6ee7b7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-400 | --tw-gradient-from: #34d399 var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-500 | --tw-gradient-from: #10b981 var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-600 | --tw-gradient-from: #059669 var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-700 | --tw-gradient-from: #047857 var(--tw-gradient-from-position); --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-800 | --tw-gradient-from: #065f46 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 95 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-900 | --tw-gradient-from: #064e3b var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-emerald-950 | --tw-gradient-from: #022c22 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-50 | --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-100 | --tw-gradient-from: #ccfbf1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-200 | --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-300 | --tw-gradient-from: #5eead4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-400 | --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position); --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-500 | --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-600 | --tw-gradient-from: #0d9488 var(--tw-gradient-from-position); --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-700 | --tw-gradient-from: #0f766e var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-800 | --tw-gradient-from: #115e59 var(--tw-gradient-from-position); --tw-gradient-to: rgb(17 94 89 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-900 | --tw-gradient-from: #134e4a var(--tw-gradient-from-position); --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-teal-950 | --tw-gradient-from: #042f2e var(--tw-gradient-from-position); --tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-50 | --tw-gradient-from: #ecfeff var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-100 | --tw-gradient-from: #cffafe var(--tw-gradient-from-position); --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-200 | --tw-gradient-from: #a5f3fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(165 243 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-300 | --tw-gradient-from: #67e8f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-400 | --tw-gradient-from: #22d3ee var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-500 | --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-600 | --tw-gradient-from: #0891b2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-700 | --tw-gradient-from: #0e7490 var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-800 | --tw-gradient-from: #155e75 var(--tw-gradient-from-position); --tw-gradient-to: rgb(21 94 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-900 | --tw-gradient-from: #164e63 var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 78 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-cyan-950 | --tw-gradient-from: #083344 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-50 | --tw-gradient-from: #f0f9ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-100 | --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-200 | --tw-gradient-from: #bae6fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-300 | --tw-gradient-from: #7dd3fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-400 | --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-500 | --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-600 | --tw-gradient-from: #0284c7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-700 | --tw-gradient-from: #0369a1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(3 105 161 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-800 | --tw-gradient-from: #075985 var(--tw-gradient-from-position); --tw-gradient-to: rgb(7 89 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-900 | --tw-gradient-from: #0c4a6e var(--tw-gradient-from-position); --tw-gradient-to: rgb(12 74 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-sky-950 | --tw-gradient-from: #082f49 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 47 73 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-50 | --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-100 | --tw-gradient-from: #dbeafe var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-200 | --tw-gradient-from: #bfdbfe var(--tw-gradient-from-position); --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-300 | --tw-gradient-from: #93c5fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-400 | --tw-gradient-from: #60a5fa var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-500 | --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-600 | --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-700 | --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-800 | --tw-gradient-from: #1e40af var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-900 | --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-blue-950 | --tw-gradient-from: #172554 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-50 | --tw-gradient-from: #eef2ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-100 | --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-200 | --tw-gradient-from: #c7d2fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-300 | --tw-gradient-from: #a5b4fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-400 | --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-500 | --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-600 | --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-700 | --tw-gradient-from: #4338ca var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-800 | --tw-gradient-from: #3730a3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-900 | --tw-gradient-from: #312e81 var(--tw-gradient-from-position); --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-indigo-950 | --tw-gradient-from: #1e1b4b var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-50 | --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-100 | --tw-gradient-from: #ede9fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-200 | --tw-gradient-from: #ddd6fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-300 | --tw-gradient-from: #c4b5fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(196 181 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-400 | --tw-gradient-from: #a78bfa var(--tw-gradient-from-position); --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-500 | --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-600 | --tw-gradient-from: #7c3aed var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-700 | --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-800 | --tw-gradient-from: #5b21b6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(91 33 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-900 | --tw-gradient-from: #4c1d95 var(--tw-gradient-from-position); --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-violet-950 | --tw-gradient-from: #2e1065 var(--tw-gradient-from-position); --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-50 | --tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-100 | --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-200 | --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-300 | --tw-gradient-from: #d8b4fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-400 | --tw-gradient-from: #c084fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-500 | --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-600 | --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-700 | --tw-gradient-from: #7e22ce var(--tw-gradient-from-position); --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-800 | --tw-gradient-from: #6b21a8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-900 | --tw-gradient-from: #581c87 var(--tw-gradient-from-position); --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-purple-950 | --tw-gradient-from: #3b0764 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-50 | --tw-gradient-from: #fdf4ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-100 | --tw-gradient-from: #fae8ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-200 | --tw-gradient-from: #f5d0fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 208 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-300 | --tw-gradient-from: #f0abfc var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 171 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-400 | --tw-gradient-from: #e879f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-500 | --tw-gradient-from: #d946ef var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-600 | --tw-gradient-from: #c026d3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-700 | --tw-gradient-from: #a21caf var(--tw-gradient-from-position); --tw-gradient-to: rgb(162 28 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-800 | --tw-gradient-from: #86198f var(--tw-gradient-from-position); --tw-gradient-to: rgb(134 25 143 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-900 | --tw-gradient-from: #701a75 var(--tw-gradient-from-position); --tw-gradient-to: rgb(112 26 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-fuchsia-950 | --tw-gradient-from: #4a044e var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 4 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-50 | --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-100 | --tw-gradient-from: #fce7f3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-200 | --tw-gradient-from: #fbcfe8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 207 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-300 | --tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-400 | --tw-gradient-from: #f472b6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-500 | --tw-gradient-from: #ec4899 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-600 | --tw-gradient-from: #db2777 var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-700 | --tw-gradient-from: #be185d var(--tw-gradient-from-position); --tw-gradient-to: rgb(190 24 93 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-800 | --tw-gradient-from: #9d174d var(--tw-gradient-from-position); --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-900 | --tw-gradient-from: #831843 var(--tw-gradient-from-position); --tw-gradient-to: rgb(131 24 67 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-pink-950 | --tw-gradient-from: #500724 var(--tw-gradient-from-position); --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-50 | --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-100 | --tw-gradient-from: #ffe4e6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 228 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-200 | --tw-gradient-from: #fecdd3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 205 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-300 | --tw-gradient-from: #fda4af var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 164 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-400 | --tw-gradient-from: #fb7185 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-500 | --tw-gradient-from: #f43f5e var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-600 | --tw-gradient-from: #e11d48 var(--tw-gradient-from-position); --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-700 | --tw-gradient-from: #be123c var(--tw-gradient-from-position); --tw-gradient-to: rgb(190 18 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-800 | --tw-gradient-from: #9f1239 var(--tw-gradient-from-position); --tw-gradient-to: rgb(159 18 57 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-900 | --tw-gradient-from: #881337 var(--tw-gradient-from-position); --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-rose-950 | --tw-gradient-from: #4c0519 var(--tw-gradient-from-position); --tw-gradient-to: rgb(76 5 25 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); |
| from-0% | --tw-gradient-from-position: 0%; |
| from-5% | --tw-gradient-from-position: 5%; |
| from-10% | --tw-gradient-from-position: 10%; |
| from-15% | --tw-gradient-from-position: 15%; |
| from-20% | --tw-gradient-from-position: 20%; |
| from-25% | --tw-gradient-from-position: 25%; |
| from-30% | --tw-gradient-from-position: 30%; |
| from-35% | --tw-gradient-from-position: 35%; |
| from-40% | --tw-gradient-from-position: 40%; |
| from-45% | --tw-gradient-from-position: 45%; |
| from-50% | --tw-gradient-from-position: 50%; |
| from-55% | --tw-gradient-from-position: 55%; |
| from-60% | --tw-gradient-from-position: 60%; |
| from-65% | --tw-gradient-from-position: 65%; |
| from-70% | --tw-gradient-from-position: 70%; |
| from-75% | --tw-gradient-from-position: 75%; |
| from-80% | --tw-gradient-from-position: 80%; |
| from-85% | --tw-gradient-from-position: 85%; |
| from-90% | --tw-gradient-from-position: 90%; |
| from-95% | --tw-gradient-from-position: 95%; |
| from-100% | --tw-gradient-from-position: 100%; |
| via-inherit | --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), inherit var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-current | --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), currentColor var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-transparent | --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-black | --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-white | --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-50 | --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-100 | --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f1f5f9 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-200 | --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e2e8f0 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-300 | --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #cbd5e1 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-400 | --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #94a3b8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-500 | --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-600 | --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #475569 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-700 | --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #334155 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-800 | --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-900 | --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-slate-950 | --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #020617 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-50 | --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-100 | --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-200 | --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-300 | --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-400 | --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9ca3af var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-500 | --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6b7280 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-600 | --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4b5563 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-700 | --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #374151 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-800 | --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-900 | --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-gray-950 | --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #030712 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-50 | --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-100 | --tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f4f4f5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-200 | --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e4e4e7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-300 | --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d4d4d8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-400 | --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a1a1aa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-500 | --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #71717a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-600 | --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #52525b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-700 | --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3f3f46 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-800 | --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-900 | --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-zinc-950 | --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-50 | --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-100 | --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-200 | --tw-gradient-to: rgb(229 229 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e5e5e5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-300 | --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d4d4d4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-400 | --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a3a3a3 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-500 | --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #737373 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-600 | --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #525252 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-700 | --tw-gradient-to: rgb(64 64 64 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #404040 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-800 | --tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #262626 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-900 | --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #171717 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-neutral-950 | --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0a0a0a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-50 | --tw-gradient-to: rgb(250 250 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fafaf9 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-100 | --tw-gradient-to: rgb(245 245 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5f5f4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-200 | --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e7e5e4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-300 | --tw-gradient-to: rgb(214 211 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d6d3d1 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-400 | --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a8a29e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-500 | --tw-gradient-to: rgb(120 113 108 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #78716c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-600 | --tw-gradient-to: rgb(87 83 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #57534e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-700 | --tw-gradient-to: rgb(68 64 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #44403c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-800 | --tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #292524 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-900 | --tw-gradient-to: rgb(28 25 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1c1917 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-stone-950 | --tw-gradient-to: rgb(12 10 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0c0a09 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-50 | --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef2f2 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-100 | --tw-gradient-to: rgb(254 226 226 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fee2e2 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-200 | --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fecaca var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-300 | --tw-gradient-to: rgb(252 165 165 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fca5a5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-400 | --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-500 | --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-600 | --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-700 | --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b91c1c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-800 | --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #991b1b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-900 | --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-red-950 | --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #450a0a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-50 | --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-100 | --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffedd5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-200 | --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fed7aa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-300 | --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-400 | --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-500 | --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-600 | --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ea580c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-700 | --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c2410c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-800 | --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9a3412 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-900 | --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7c2d12 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-orange-950 | --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #431407 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-50 | --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fffbeb var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-100 | --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef3c7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-200 | --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fde68a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-300 | --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fcd34d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-400 | --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-500 | --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-600 | --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d97706 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-700 | --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b45309 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-800 | --tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #92400e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-900 | --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #78350f var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-amber-950 | --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #451a03 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-50 | --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fefce8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-100 | --tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef9c3 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-200 | --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef08a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-300 | --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-400 | --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #facc15 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-500 | --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-600 | --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ca8a04 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-700 | --tw-gradient-to: rgb(161 98 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a16207 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-800 | --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #854d0e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-900 | --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #713f12 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-yellow-950 | --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #422006 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-50 | --tw-gradient-to: rgb(247 254 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f7fee7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-100 | --tw-gradient-to: rgb(236 252 203 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ecfccb var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-200 | --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d9f99d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-300 | --tw-gradient-to: rgb(190 242 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bef264 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-400 | --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-500 | --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #84cc16 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-600 | --tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #65a30d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-700 | --tw-gradient-to: rgb(77 124 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4d7c0f var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-800 | --tw-gradient-to: rgb(63 98 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3f6212 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-900 | --tw-gradient-to: rgb(54 83 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #365314 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-lime-950 | --tw-gradient-to: rgb(26 46 5 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1a2e05 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-50 | --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0fdf4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-100 | --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #dcfce7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-200 | --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bbf7d0 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-300 | --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #86efac var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-400 | --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4ade80 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-500 | --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #22c55e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-600 | --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #16a34a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-700 | --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #15803d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-800 | --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #166534 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-900 | --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #14532d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-green-950 | --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #052e16 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-50 | --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-100 | --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d1fae5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-200 | --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-300 | --tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-400 | --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-500 | --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-600 | --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #059669 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-700 | --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #047857 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-800 | --tw-gradient-to: rgb(6 95 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #065f46 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-900 | --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #064e3b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-emerald-950 | --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #022c22 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-50 | --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0fdfa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-100 | --tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ccfbf1 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-200 | --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #99f6e4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-300 | --tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #5eead4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-400 | --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2dd4bf var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-500 | --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #14b8a6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-600 | --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0d9488 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-700 | --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0f766e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-800 | --tw-gradient-to: rgb(17 94 89 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #115e59 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-900 | --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #134e4a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-teal-950 | --tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #042f2e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-50 | --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ecfeff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-100 | --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #cffafe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-200 | --tw-gradient-to: rgb(165 243 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a5f3fc var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-300 | --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #67e8f9 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-400 | --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-500 | --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-600 | --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-700 | --tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0e7490 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-800 | --tw-gradient-to: rgb(21 94 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #155e75 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-900 | --tw-gradient-to: rgb(22 78 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #164e63 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-cyan-950 | --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #083344 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-50 | --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0f9ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-100 | --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e0f2fe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-200 | --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bae6fd var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-300 | --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7dd3fc var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-400 | --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-500 | --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-600 | --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0284c7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-700 | --tw-gradient-to: rgb(3 105 161 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0369a1 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-800 | --tw-gradient-to: rgb(7 89 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #075985 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-900 | --tw-gradient-to: rgb(12 74 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0c4a6e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-sky-950 | --tw-gradient-to: rgb(8 47 73 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #082f49 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-50 | --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-100 | --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #dbeafe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-200 | --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-300 | --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #93c5fd var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-400 | --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-500 | --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-600 | --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-700 | --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-800 | --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-900 | --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-blue-950 | --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #172554 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-50 | --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-100 | --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-200 | --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-300 | --tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-400 | --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-500 | --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-600 | --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-700 | --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-800 | --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3730a3 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-900 | --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-indigo-950 | --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e1b4b var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-50 | --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-100 | --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ede9fe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-200 | --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-300 | --tw-gradient-to: rgb(196 181 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-400 | --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a78bfa var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-500 | --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-600 | --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-700 | --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6d28d9 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-800 | --tw-gradient-to: rgb(91 33 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #5b21b6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-900 | --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4c1d95 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-violet-950 | --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2e1065 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-50 | --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-100 | --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f3e8ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-200 | --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-300 | --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-400 | --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-500 | --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-600 | --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-700 | --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-800 | --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6b21a8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-900 | --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-purple-950 | --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3b0764 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-50 | --tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdf4ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-100 | --tw-gradient-to: rgb(250 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fae8ff var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-200 | --tw-gradient-to: rgb(245 208 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5d0fe var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-300 | --tw-gradient-to: rgb(240 171 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0abfc var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-400 | --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e879f9 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-500 | --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-600 | --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c026d3 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-700 | --tw-gradient-to: rgb(162 28 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a21caf var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-800 | --tw-gradient-to: rgb(134 25 143 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #86198f var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-900 | --tw-gradient-to: rgb(112 26 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #701a75 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-fuchsia-950 | --tw-gradient-to: rgb(74 4 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4a044e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-50 | --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-100 | --tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-200 | --tw-gradient-to: rgb(251 207 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-300 | --tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-400 | --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f472b6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-500 | --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-600 | --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-700 | --tw-gradient-to: rgb(190 24 93 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #be185d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-800 | --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9d174d var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-900 | --tw-gradient-to: rgb(131 24 67 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #831843 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-pink-950 | --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #500724 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-50 | --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-100 | --tw-gradient-to: rgb(255 228 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffe4e6 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-200 | --tw-gradient-to: rgb(254 205 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fecdd3 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-300 | --tw-gradient-to: rgb(253 164 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fda4af var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-400 | --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fb7185 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-500 | --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-600 | --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e11d48 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-700 | --tw-gradient-to: rgb(190 18 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #be123c var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-800 | --tw-gradient-to: rgb(159 18 57 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9f1239 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-900 | --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #881337 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-rose-950 | --tw-gradient-to: rgb(76 5 25 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4c0519 var(--tw-gradient-via-position), var(--tw-gradient-to); |
| via-0% | --tw-gradient-via-position: 0%; |
| via-5% | --tw-gradient-via-position: 5%; |
| via-10% | --tw-gradient-via-position: 10%; |
| via-15% | --tw-gradient-via-position: 15%; |
| via-20% | --tw-gradient-via-position: 20%; |
| via-25% | --tw-gradient-via-position: 25%; |
| via-30% | --tw-gradient-via-position: 30%; |
| via-35% | --tw-gradient-via-position: 35%; |
| via-40% | --tw-gradient-via-position: 40%; |
| via-45% | --tw-gradient-via-position: 45%; |
| via-50% | --tw-gradient-via-position: 50%; |
| via-55% | --tw-gradient-via-position: 55%; |
| via-60% | --tw-gradient-via-position: 60%; |
| via-65% | --tw-gradient-via-position: 65%; |
| via-70% | --tw-gradient-via-position: 70%; |
| via-75% | --tw-gradient-via-position: 75%; |
| via-80% | --tw-gradient-via-position: 80%; |
| via-85% | --tw-gradient-via-position: 85%; |
| via-90% | --tw-gradient-via-position: 90%; |
| via-95% | --tw-gradient-via-position: 95%; |
| via-100% | --tw-gradient-via-position: 100%; |
| to-inherit | --tw-gradient-to: inherit var(--tw-gradient-to-position); |
| to-current | --tw-gradient-to: currentColor var(--tw-gradient-to-position); |
| to-transparent | --tw-gradient-to: transparent var(--tw-gradient-to-position); |
| to-black | --tw-gradient-to: #000 var(--tw-gradient-to-position); |
| to-white | --tw-gradient-to: #fff var(--tw-gradient-to-position); |
| to-slate-50 | --tw-gradient-to: #f8fafc var(--tw-gradient-to-position); |
| to-slate-100 | --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position); |
| to-slate-200 | --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position); |
| to-slate-300 | --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position); |
| to-slate-400 | --tw-gradient-to: #94a3b8 var(--tw-gradient-to-position); |
| to-slate-500 | --tw-gradient-to: #64748b var(--tw-gradient-to-position); |
| to-slate-600 | --tw-gradient-to: #475569 var(--tw-gradient-to-position); |
| to-slate-700 | --tw-gradient-to: #334155 var(--tw-gradient-to-position); |
| to-slate-800 | --tw-gradient-to: #1e293b var(--tw-gradient-to-position); |
| to-slate-900 | --tw-gradient-to: #0f172a var(--tw-gradient-to-position); |
| to-slate-950 | --tw-gradient-to: #020617 var(--tw-gradient-to-position); |
| to-gray-50 | --tw-gradient-to: #f9fafb var(--tw-gradient-to-position); |
| to-gray-100 | --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position); |
| to-gray-200 | --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position); |
| to-gray-300 | --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); |
| to-gray-400 | --tw-gradient-to: #9ca3af var(--tw-gradient-to-position); |
| to-gray-500 | --tw-gradient-to: #6b7280 var(--tw-gradient-to-position); |
| to-gray-600 | --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); |
| to-gray-700 | --tw-gradient-to: #374151 var(--tw-gradient-to-position); |
| to-gray-800 | --tw-gradient-to: #1f2937 var(--tw-gradient-to-position); |
| to-gray-900 | --tw-gradient-to: #111827 var(--tw-gradient-to-position); |
| to-gray-950 | --tw-gradient-to: #030712 var(--tw-gradient-to-position); |
| to-zinc-50 | --tw-gradient-to: #fafafa var(--tw-gradient-to-position); |
| to-zinc-100 | --tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position); |
| to-zinc-200 | --tw-gradient-to: #e4e4e7 var(--tw-gradient-to-position); |
| to-zinc-300 | --tw-gradient-to: #d4d4d8 var(--tw-gradient-to-position); |
| to-zinc-400 | --tw-gradient-to: #a1a1aa var(--tw-gradient-to-position); |
| to-zinc-500 | --tw-gradient-to: #71717a var(--tw-gradient-to-position); |
| to-zinc-600 | --tw-gradient-to: #52525b var(--tw-gradient-to-position); |
| to-zinc-700 | --tw-gradient-to: #3f3f46 var(--tw-gradient-to-position); |
| to-zinc-800 | --tw-gradient-to: #27272a var(--tw-gradient-to-position); |
| to-zinc-900 | --tw-gradient-to: #18181b var(--tw-gradient-to-position); |
| to-zinc-950 | --tw-gradient-to: #09090b var(--tw-gradient-to-position); |
| to-neutral-50 | --tw-gradient-to: #fafafa var(--tw-gradient-to-position); |
| to-neutral-100 | --tw-gradient-to: #f5f5f5 var(--tw-gradient-to-position); |
| to-neutral-200 | --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position); |
| to-neutral-300 | --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position); |
| to-neutral-400 | --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position); |
| to-neutral-500 | --tw-gradient-to: #737373 var(--tw-gradient-to-position); |
| to-neutral-600 | --tw-gradient-to: #525252 var(--tw-gradient-to-position); |
| to-neutral-700 | --tw-gradient-to: #404040 var(--tw-gradient-to-position); |
| to-neutral-800 | --tw-gradient-to: #262626 var(--tw-gradient-to-position); |
| to-neutral-900 | --tw-gradient-to: #171717 var(--tw-gradient-to-position); |
| to-neutral-950 | --tw-gradient-to: #0a0a0a var(--tw-gradient-to-position); |
| to-stone-50 | --tw-gradient-to: #fafaf9 var(--tw-gradient-to-position); |
| to-stone-100 | --tw-gradient-to: #f5f5f4 var(--tw-gradient-to-position); |
| to-stone-200 | --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position); |
| to-stone-300 | --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position); |
| to-stone-400 | --tw-gradient-to: #a8a29e var(--tw-gradient-to-position); |
| to-stone-500 | --tw-gradient-to: #78716c var(--tw-gradient-to-position); |
| to-stone-600 | --tw-gradient-to: #57534e var(--tw-gradient-to-position); |
| to-stone-700 | --tw-gradient-to: #44403c var(--tw-gradient-to-position); |
| to-stone-800 | --tw-gradient-to: #292524 var(--tw-gradient-to-position); |
| to-stone-900 | --tw-gradient-to: #1c1917 var(--tw-gradient-to-position); |
| to-stone-950 | --tw-gradient-to: #0c0a09 var(--tw-gradient-to-position); |
| to-red-50 | --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position); |
| to-red-100 | --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position); |
| to-red-200 | --tw-gradient-to: #fecaca var(--tw-gradient-to-position); |
| to-red-300 | --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position); |
| to-red-400 | --tw-gradient-to: #f87171 var(--tw-gradient-to-position); |
| to-red-500 | --tw-gradient-to: #ef4444 var(--tw-gradient-to-position); |
| to-red-600 | --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); |
| to-red-700 | --tw-gradient-to: #b91c1c var(--tw-gradient-to-position); |
| to-red-800 | --tw-gradient-to: #991b1b var(--tw-gradient-to-position); |
| to-red-900 | --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position); |
| to-red-950 | --tw-gradient-to: #450a0a var(--tw-gradient-to-position); |
| to-orange-50 | --tw-gradient-to: #fff7ed var(--tw-gradient-to-position); |
| to-orange-100 | --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position); |
| to-orange-200 | --tw-gradient-to: #fed7aa var(--tw-gradient-to-position); |
| to-orange-300 | --tw-gradient-to: #fdba74 var(--tw-gradient-to-position); |
| to-orange-400 | --tw-gradient-to: #fb923c var(--tw-gradient-to-position); |
| to-orange-500 | --tw-gradient-to: #f97316 var(--tw-gradient-to-position); |
| to-orange-600 | --tw-gradient-to: #ea580c var(--tw-gradient-to-position); |
| to-orange-700 | --tw-gradient-to: #c2410c var(--tw-gradient-to-position); |
| to-orange-800 | --tw-gradient-to: #9a3412 var(--tw-gradient-to-position); |
| to-orange-900 | --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position); |
| to-orange-950 | --tw-gradient-to: #431407 var(--tw-gradient-to-position); |
| to-amber-50 | --tw-gradient-to: #fffbeb var(--tw-gradient-to-position); |
| to-amber-100 | --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position); |
| to-amber-200 | --tw-gradient-to: #fde68a var(--tw-gradient-to-position); |
| to-amber-300 | --tw-gradient-to: #fcd34d var(--tw-gradient-to-position); |
| to-amber-400 | --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position); |
| to-amber-500 | --tw-gradient-to: #f59e0b var(--tw-gradient-to-position); |
| to-amber-600 | --tw-gradient-to: #d97706 var(--tw-gradient-to-position); |
| to-amber-700 | --tw-gradient-to: #b45309 var(--tw-gradient-to-position); |
| to-amber-800 | --tw-gradient-to: #92400e var(--tw-gradient-to-position); |
| to-amber-900 | --tw-gradient-to: #78350f var(--tw-gradient-to-position); |
| to-amber-950 | --tw-gradient-to: #451a03 var(--tw-gradient-to-position); |
| to-yellow-50 | --tw-gradient-to: #fefce8 var(--tw-gradient-to-position); |
| to-yellow-100 | --tw-gradient-to: #fef9c3 var(--tw-gradient-to-position); |
| to-yellow-200 | --tw-gradient-to: #fef08a var(--tw-gradient-to-position); |
| to-yellow-300 | --tw-gradient-to: #fde047 var(--tw-gradient-to-position); |
| to-yellow-400 | --tw-gradient-to: #facc15 var(--tw-gradient-to-position); |
| to-yellow-500 | --tw-gradient-to: #eab308 var(--tw-gradient-to-position); |
| to-yellow-600 | --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position); |
| to-yellow-700 | --tw-gradient-to: #a16207 var(--tw-gradient-to-position); |
| to-yellow-800 | --tw-gradient-to: #854d0e var(--tw-gradient-to-position); |
| to-yellow-900 | --tw-gradient-to: #713f12 var(--tw-gradient-to-position); |
| to-yellow-950 | --tw-gradient-to: #422006 var(--tw-gradient-to-position); |
| to-lime-50 | --tw-gradient-to: #f7fee7 var(--tw-gradient-to-position); |
| to-lime-100 | --tw-gradient-to: #ecfccb var(--tw-gradient-to-position); |
| to-lime-200 | --tw-gradient-to: #d9f99d var(--tw-gradient-to-position); |
| to-lime-300 | --tw-gradient-to: #bef264 var(--tw-gradient-to-position); |
| to-lime-400 | --tw-gradient-to: #a3e635 var(--tw-gradient-to-position); |
| to-lime-500 | --tw-gradient-to: #84cc16 var(--tw-gradient-to-position); |
| to-lime-600 | --tw-gradient-to: #65a30d var(--tw-gradient-to-position); |
| to-lime-700 | --tw-gradient-to: #4d7c0f var(--tw-gradient-to-position); |
| to-lime-800 | --tw-gradient-to: #3f6212 var(--tw-gradient-to-position); |
| to-lime-900 | --tw-gradient-to: #365314 var(--tw-gradient-to-position); |
| to-lime-950 | --tw-gradient-to: #1a2e05 var(--tw-gradient-to-position); |
| to-green-50 | --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position); |
| to-green-100 | --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position); |
| to-green-200 | --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position); |
| to-green-300 | --tw-gradient-to: #86efac var(--tw-gradient-to-position); |
| to-green-400 | --tw-gradient-to: #4ade80 var(--tw-gradient-to-position); |
| to-green-500 | --tw-gradient-to: #22c55e var(--tw-gradient-to-position); |
| to-green-600 | --tw-gradient-to: #16a34a var(--tw-gradient-to-position); |
| to-green-700 | --tw-gradient-to: #15803d var(--tw-gradient-to-position); |
| to-green-800 | --tw-gradient-to: #166534 var(--tw-gradient-to-position); |
| to-green-900 | --tw-gradient-to: #14532d var(--tw-gradient-to-position); |
| to-green-950 | --tw-gradient-to: #052e16 var(--tw-gradient-to-position); |
| to-emerald-50 | --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position); |
| to-emerald-100 | --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position); |
| to-emerald-200 | --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position); |
| to-emerald-300 | --tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position); |
| to-emerald-400 | --tw-gradient-to: #34d399 var(--tw-gradient-to-position); |
| to-emerald-500 | --tw-gradient-to: #10b981 var(--tw-gradient-to-position); |
| to-emerald-600 | --tw-gradient-to: #059669 var(--tw-gradient-to-position); |
| to-emerald-700 | --tw-gradient-to: #047857 var(--tw-gradient-to-position); |
| to-emerald-800 | --tw-gradient-to: #065f46 var(--tw-gradient-to-position); |
| to-emerald-900 | --tw-gradient-to: #064e3b var(--tw-gradient-to-position); |
| to-emerald-950 | --tw-gradient-to: #022c22 var(--tw-gradient-to-position); |
| to-teal-50 | --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position); |
| to-teal-100 | --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position); |
| to-teal-200 | --tw-gradient-to: #99f6e4 var(--tw-gradient-to-position); |
| to-teal-300 | --tw-gradient-to: #5eead4 var(--tw-gradient-to-position); |
| to-teal-400 | --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position); |
| to-teal-500 | --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position); |
| to-teal-600 | --tw-gradient-to: #0d9488 var(--tw-gradient-to-position); |
| to-teal-700 | --tw-gradient-to: #0f766e var(--tw-gradient-to-position); |
| to-teal-800 | --tw-gradient-to: #115e59 var(--tw-gradient-to-position); |
| to-teal-900 | --tw-gradient-to: #134e4a var(--tw-gradient-to-position); |
| to-teal-950 | --tw-gradient-to: #042f2e var(--tw-gradient-to-position); |
| to-cyan-50 | --tw-gradient-to: #ecfeff var(--tw-gradient-to-position); |
| to-cyan-100 | --tw-gradient-to: #cffafe var(--tw-gradient-to-position); |
| to-cyan-200 | --tw-gradient-to: #a5f3fc var(--tw-gradient-to-position); |
| to-cyan-300 | --tw-gradient-to: #67e8f9 var(--tw-gradient-to-position); |
| to-cyan-400 | --tw-gradient-to: #22d3ee var(--tw-gradient-to-position); |
| to-cyan-500 | --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); |
| to-cyan-600 | --tw-gradient-to: #0891b2 var(--tw-gradient-to-position); |
| to-cyan-700 | --tw-gradient-to: #0e7490 var(--tw-gradient-to-position); |
| to-cyan-800 | --tw-gradient-to: #155e75 var(--tw-gradient-to-position); |
| to-cyan-900 | --tw-gradient-to: #164e63 var(--tw-gradient-to-position); |
| to-cyan-950 | --tw-gradient-to: #083344 var(--tw-gradient-to-position); |
| to-sky-50 | --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position); |
| to-sky-100 | --tw-gradient-to: #e0f2fe var(--tw-gradient-to-position); |
| to-sky-200 | --tw-gradient-to: #bae6fd var(--tw-gradient-to-position); |
| to-sky-300 | --tw-gradient-to: #7dd3fc var(--tw-gradient-to-position); |
| to-sky-400 | --tw-gradient-to: #38bdf8 var(--tw-gradient-to-position); |
| to-sky-500 | --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position); |
| to-sky-600 | --tw-gradient-to: #0284c7 var(--tw-gradient-to-position); |
| to-sky-700 | --tw-gradient-to: #0369a1 var(--tw-gradient-to-position); |
| to-sky-800 | --tw-gradient-to: #075985 var(--tw-gradient-to-position); |
| to-sky-900 | --tw-gradient-to: #0c4a6e var(--tw-gradient-to-position); |
| to-sky-950 | --tw-gradient-to: #082f49 var(--tw-gradient-to-position); |
| to-blue-50 | --tw-gradient-to: #eff6ff var(--tw-gradient-to-position); |
| to-blue-100 | --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); |
| to-blue-200 | --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position); |
| to-blue-300 | --tw-gradient-to: #93c5fd var(--tw-gradient-to-position); |
| to-blue-400 | --tw-gradient-to: #60a5fa var(--tw-gradient-to-position); |
| to-blue-500 | --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position); |
| to-blue-600 | --tw-gradient-to: #2563eb var(--tw-gradient-to-position); |
| to-blue-700 | --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position); |
| to-blue-800 | --tw-gradient-to: #1e40af var(--tw-gradient-to-position); |
| to-blue-900 | --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position); |
| to-blue-950 | --tw-gradient-to: #172554 var(--tw-gradient-to-position); |
| to-indigo-50 | --tw-gradient-to: #eef2ff var(--tw-gradient-to-position); |
| to-indigo-100 | --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position); |
| to-indigo-200 | --tw-gradient-to: #c7d2fe var(--tw-gradient-to-position); |
| to-indigo-300 | --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position); |
| to-indigo-400 | --tw-gradient-to: #818cf8 var(--tw-gradient-to-position); |
| to-indigo-500 | --tw-gradient-to: #6366f1 var(--tw-gradient-to-position); |
| to-indigo-600 | --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position); |
| to-indigo-700 | --tw-gradient-to: #4338ca var(--tw-gradient-to-position); |
| to-indigo-800 | --tw-gradient-to: #3730a3 var(--tw-gradient-to-position); |
| to-indigo-900 | --tw-gradient-to: #312e81 var(--tw-gradient-to-position); |
| to-indigo-950 | --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position); |
| to-violet-50 | --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position); |
| to-violet-100 | --tw-gradient-to: #ede9fe var(--tw-gradient-to-position); |
| to-violet-200 | --tw-gradient-to: #ddd6fe var(--tw-gradient-to-position); |
| to-violet-300 | --tw-gradient-to: #c4b5fd var(--tw-gradient-to-position); |
| to-violet-400 | --tw-gradient-to: #a78bfa var(--tw-gradient-to-position); |
| to-violet-500 | --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position); |
| to-violet-600 | --tw-gradient-to: #7c3aed var(--tw-gradient-to-position); |
| to-violet-700 | --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position); |
| to-violet-800 | --tw-gradient-to: #5b21b6 var(--tw-gradient-to-position); |
| to-violet-900 | --tw-gradient-to: #4c1d95 var(--tw-gradient-to-position); |
| to-violet-950 | --tw-gradient-to: #2e1065 var(--tw-gradient-to-position); |
| to-purple-50 | --tw-gradient-to: #faf5ff var(--tw-gradient-to-position); |
| to-purple-100 | --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position); |
| to-purple-200 | --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position); |
| to-purple-300 | --tw-gradient-to: #d8b4fe var(--tw-gradient-to-position); |
| to-purple-400 | --tw-gradient-to: #c084fc var(--tw-gradient-to-position); |
| to-purple-500 | --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); |
| to-purple-600 | --tw-gradient-to: #9333ea var(--tw-gradient-to-position); |
| to-purple-700 | --tw-gradient-to: #7e22ce var(--tw-gradient-to-position); |
| to-purple-800 | --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position); |
| to-purple-900 | --tw-gradient-to: #581c87 var(--tw-gradient-to-position); |
| to-purple-950 | --tw-gradient-to: #3b0764 var(--tw-gradient-to-position); |
| to-fuchsia-50 | --tw-gradient-to: #fdf4ff var(--tw-gradient-to-position); |
| to-fuchsia-100 | --tw-gradient-to: #fae8ff var(--tw-gradient-to-position); |
| to-fuchsia-200 | --tw-gradient-to: #f5d0fe var(--tw-gradient-to-position); |
| to-fuchsia-300 | --tw-gradient-to: #f0abfc var(--tw-gradient-to-position); |
| to-fuchsia-400 | --tw-gradient-to: #e879f9 var(--tw-gradient-to-position); |
| to-fuchsia-500 | --tw-gradient-to: #d946ef var(--tw-gradient-to-position); |
| to-fuchsia-600 | --tw-gradient-to: #c026d3 var(--tw-gradient-to-position); |
| to-fuchsia-700 | --tw-gradient-to: #a21caf var(--tw-gradient-to-position); |
| to-fuchsia-800 | --tw-gradient-to: #86198f var(--tw-gradient-to-position); |
| to-fuchsia-900 | --tw-gradient-to: #701a75 var(--tw-gradient-to-position); |
| to-fuchsia-950 | --tw-gradient-to: #4a044e var(--tw-gradient-to-position); |
| to-pink-50 | --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position); |
| to-pink-100 | --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position); |
| to-pink-200 | --tw-gradient-to: #fbcfe8 var(--tw-gradient-to-position); |
| to-pink-300 | --tw-gradient-to: #f9a8d4 var(--tw-gradient-to-position); |
| to-pink-400 | --tw-gradient-to: #f472b6 var(--tw-gradient-to-position); |
| to-pink-500 | --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); |
| to-pink-600 | --tw-gradient-to: #db2777 var(--tw-gradient-to-position); |
| to-pink-700 | --tw-gradient-to: #be185d var(--tw-gradient-to-position); |
| to-pink-800 | --tw-gradient-to: #9d174d var(--tw-gradient-to-position); |
| to-pink-900 | --tw-gradient-to: #831843 var(--tw-gradient-to-position); |
| to-pink-950 | --tw-gradient-to: #500724 var(--tw-gradient-to-position); |
| to-rose-50 | --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position); |
| to-rose-100 | --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position); |
| to-rose-200 | --tw-gradient-to: #fecdd3 var(--tw-gradient-to-position); |
| to-rose-300 | --tw-gradient-to: #fda4af var(--tw-gradient-to-position); |
| to-rose-400 | --tw-gradient-to: #fb7185 var(--tw-gradient-to-position); |
| to-rose-500 | --tw-gradient-to: #f43f5e var(--tw-gradient-to-position); |
| to-rose-600 | --tw-gradient-to: #e11d48 var(--tw-gradient-to-position); |
| to-rose-700 | --tw-gradient-to: #be123c var(--tw-gradient-to-position); |
| to-rose-800 | --tw-gradient-to: #9f1239 var(--tw-gradient-to-position); |
| to-rose-900 | --tw-gradient-to: #881337 var(--tw-gradient-to-position); |
| to-rose-950 | --tw-gradient-to: #4c0519 var(--tw-gradient-to-position); |
| to-0% | --tw-gradient-to-position: 0%; |
| to-5% | --tw-gradient-to-position: 5%; |
| to-10% | --tw-gradient-to-position: 10%; |
| to-15% | --tw-gradient-to-position: 15%; |
| to-20% | --tw-gradient-to-position: 20%; |
| to-25% | --tw-gradient-to-position: 25%; |
| to-30% | --tw-gradient-to-position: 30%; |
| to-35% | --tw-gradient-to-position: 35%; |
| to-40% | --tw-gradient-to-position: 40%; |
| to-45% | --tw-gradient-to-position: 45%; |
| to-50% | --tw-gradient-to-position: 50%; |
| to-55% | --tw-gradient-to-position: 55%; |
| to-60% | --tw-gradient-to-position: 60%; |
| to-65% | --tw-gradient-to-position: 65%; |
| to-70% | --tw-gradient-to-position: 70%; |
| to-75% | --tw-gradient-to-position: 75%; |
| to-80% | --tw-gradient-to-position: 80%; |
| to-85% | --tw-gradient-to-position: 85%; |
| to-90% | --tw-gradient-to-position: 90%; |
| to-95% | --tw-gradient-to-position: 95%; |
| to-100% | --tw-gradient-to-position: 100%; |
border radius
| Tailwind CSS | CSS |
|---|---|
| rounded-none | border-radius: 0px; |
| rounded-sm | border-radius: 0.125rem; /* 2px */ |
| rounded | border-radius: 0.25rem; /* 4px */ |
| rounded-md | border-radius: 0.375rem; /* 6px */ |
| rounded-lg | border-radius: 0.5rem; /* 8px */ |
| rounded-xl | border-radius: 0.75rem; /* 12px */ |
| rounded-2xl | border-radius: 1rem; /* 16px */ |
| rounded-3xl | border-radius: 1.5rem; /* 24px */ |
| rounded-full | border-radius: 9999px; |
| rounded-s-none | border-start-start-radius: 0px; border-end-start-radius: 0px; |
| rounded-s-sm | border-start-start-radius: 0.125rem; /* 2px */ border-end-start-radius: 0.125rem; /* 2px */ |
| rounded-s | border-start-start-radius: 0.25rem; /* 4px */ border-end-start-radius: 0.25rem; /* 4px */ |
| rounded-s-md | border-start-start-radius: 0.375rem; /* 6px */ border-end-start-radius: 0.375rem; /* 6px */ |
| rounded-s-lg | border-start-start-radius: 0.5rem; /* 8px */ border-end-start-radius: 0.5rem; /* 8px */ |
| rounded-s-xl | border-start-start-radius: 0.75rem; /* 12px */ border-end-start-radius: 0.75rem; /* 12px */ |
| rounded-s-2xl | border-start-start-radius: 1rem; /* 16px */ border-end-start-radius: 1rem; /* 16px */ |
| rounded-s-3xl | border-start-start-radius: 1.5rem; /* 24px */ border-end-start-radius: 1.5rem; /* 24px */ |
| rounded-s-full | border-start-start-radius: 9999px; border-end-start-radius: 9999px; |
| rounded-e-none | border-start-end-radius: 0px; border-end-end-radius: 0px; |
| rounded-e-sm | border-start-end-radius: 0.125rem; /* 2px */ border-end-end-radius: 0.125rem; /* 2px */ |
| rounded-e | border-start-end-radius: 0.25rem; /* 4px */ border-end-end-radius: 0.25rem; /* 4px */ |
| rounded-e-md | border-start-end-radius: 0.375rem; /* 6px */ border-end-end-radius: 0.375rem; /* 6px */ |
| rounded-e-lg | border-start-end-radius: 0.5rem; /* 8px */ border-end-end-radius: 0.5rem; /* 8px */ |
| rounded-e-xl | border-start-end-radius: 0.75rem; /* 12px */ border-end-end-radius: 0.75rem; /* 12px */ |
| rounded-e-2xl | border-start-end-radius: 1rem; /* 16px */ border-end-end-radius: 1rem; /* 16px */ |
| rounded-e-3xl | border-start-end-radius: 1.5rem; /* 24px */ border-end-end-radius: 1.5rem; /* 24px */ |
| rounded-e-full | border-start-end-radius: 9999px; border-end-end-radius: 9999px; |
| rounded-t-none | border-top-left-radius: 0px; border-top-right-radius: 0px; |
| rounded-t-sm | border-top-left-radius: 0.125rem; /* 2px */ border-top-right-radius: 0.125rem; /* 2px */ |
| rounded-t | border-top-left-radius: 0.25rem; /* 4px */ border-top-right-radius: 0.25rem; /* 4px */ |
| rounded-t-md | border-top-left-radius: 0.375rem; /* 6px */ border-top-right-radius: 0.375rem; /* 6px */ |
| rounded-t-lg | border-top-left-radius: 0.5rem; /* 8px */ border-top-right-radius: 0.5rem; /* 8px */ |
| rounded-t-xl | border-top-left-radius: 0.75rem; /* 12px */ border-top-right-radius: 0.75rem; /* 12px */ |
| rounded-t-2xl | border-top-left-radius: 1rem; /* 16px */ border-top-right-radius: 1rem; /* 16px */ |
| rounded-t-3xl | border-top-left-radius: 1.5rem; /* 24px */ border-top-right-radius: 1.5rem; /* 24px */ |
| rounded-t-full | border-top-left-radius: 9999px; border-top-right-radius: 9999px; |
| rounded-r-none | border-top-right-radius: 0px; border-bottom-right-radius: 0px; |
| rounded-r-sm | border-top-right-radius: 0.125rem; /* 2px */ border-bottom-right-radius: 0.125rem; /* 2px */ |
| rounded-r | border-top-right-radius: 0.25rem; /* 4px */ border-bottom-right-radius: 0.25rem; /* 4px */ |
| rounded-r-md | border-top-right-radius: 0.375rem; /* 6px */ border-bottom-right-radius: 0.375rem; /* 6px */ |
| rounded-r-lg | border-top-right-radius: 0.5rem; /* 8px */ border-bottom-right-radius: 0.5rem; /* 8px */ |
| rounded-r-xl | border-top-right-radius: 0.75rem; /* 12px */ border-bottom-right-radius: 0.75rem; /* 12px */ |
| rounded-r-2xl | border-top-right-radius: 1rem; /* 16px */ border-bottom-right-radius: 1rem; /* 16px */ |
| rounded-r-3xl | border-top-right-radius: 1.5rem; /* 24px */ border-bottom-right-radius: 1.5rem; /* 24px */ |
| rounded-r-full | border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; |
| rounded-b-none | border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; |
| rounded-b-sm | border-bottom-right-radius: 0.125rem; /* 2px */ border-bottom-left-radius: 0.125rem; /* 2px */ |
| rounded-b | border-bottom-right-radius: 0.25rem; /* 4px */ border-bottom-left-radius: 0.25rem; /* 4px */ |
| rounded-b-md | border-bottom-right-radius: 0.375rem; /* 6px */ border-bottom-left-radius: 0.375rem; /* 6px */ |
| rounded-b-lg | border-bottom-right-radius: 0.5rem; /* 8px */ border-bottom-left-radius: 0.5rem; /* 8px */ |
| rounded-b-xl | border-bottom-right-radius: 0.75rem; /* 12px */ border-bottom-left-radius: 0.75rem; /* 12px */ |
| rounded-b-2xl | border-bottom-right-radius: 1rem; /* 16px */ border-bottom-left-radius: 1rem; /* 16px */ |
| rounded-b-3xl | border-bottom-right-radius: 1.5rem; /* 24px */ border-bottom-left-radius: 1.5rem; /* 24px */ |
| rounded-b-full | border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; |
| rounded-l-none | border-top-left-radius: 0px; border-bottom-left-radius: 0px; |
| rounded-l-sm | border-top-left-radius: 0.125rem; /* 2px */ border-bottom-left-radius: 0.125rem; /* 2px */ |
| rounded-l | border-top-left-radius: 0.25rem; /* 4px */ border-bottom-left-radius: 0.25rem; /* 4px */ |
| rounded-l-md | border-top-left-radius: 0.375rem; /* 6px */ border-bottom-left-radius: 0.375rem; /* 6px */ |
| rounded-l-lg | border-top-left-radius: 0.5rem; /* 8px */ border-bottom-left-radius: 0.5rem; /* 8px */ |
| rounded-l-xl | border-top-left-radius: 0.75rem; /* 12px */ border-bottom-left-radius: 0.75rem; /* 12px */ |
| rounded-l-2xl | border-top-left-radius: 1rem; /* 16px */ border-bottom-left-radius: 1rem; /* 16px */ |
| rounded-l-3xl | border-top-left-radius: 1.5rem; /* 24px */ border-bottom-left-radius: 1.5rem; /* 24px */ |
| rounded-l-full | border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; |
| rounded-ss-none | border-start-start-radius: 0px; |
| rounded-ss-sm | border-start-start-radius: 0.125rem; /* 2px */ |
| rounded-ss | border-start-start-radius: 0.25rem; /* 4px */ |
| rounded-ss-md | border-start-start-radius: 0.375rem; /* 6px */ |
| rounded-ss-lg | border-start-start-radius: 0.5rem; /* 8px */ |
| rounded-ss-xl | border-start-start-radius: 0.75rem; /* 12px */ |
| rounded-ss-2xl | border-start-start-radius: 1rem; /* 16px */ |
| rounded-ss-3xl | border-start-start-radius: 1.5rem; /* 24px */ |
| rounded-ss-full | border-start-start-radius: 9999px; |
| rounded-se-none | border-start-end-radius: 0px; |
| rounded-se-sm | border-start-end-radius: 0.125rem; /* 2px */ |
| rounded-se | border-start-end-radius: 0.25rem; /* 4px */ |
| rounded-se-md | border-start-end-radius: 0.375rem; /* 6px */ |
| rounded-se-lg | border-start-end-radius: 0.5rem; /* 8px */ |
| rounded-se-xl | border-start-end-radius: 0.75rem; /* 12px */ |
| rounded-se-2xl | border-start-end-radius: 1rem; /* 16px */ |
| rounded-se-3xl | border-start-end-radius: 1.5rem; /* 24px */ |
| rounded-se-full | border-start-end-radius: 9999px; |
| rounded-ee-none | border-end-end-radius: 0px; |
| rounded-ee-sm | border-end-end-radius: 0.125rem; /* 2px */ |
| rounded-ee | border-end-end-radius: 0.25rem; /* 4px */ |
| rounded-ee-md | border-end-end-radius: 0.375rem; /* 6px */ |
| rounded-ee-lg | border-end-end-radius: 0.5rem; /* 8px */ |
| rounded-ee-xl | border-end-end-radius: 0.75rem; /* 12px */ |
| rounded-ee-2xl | border-end-end-radius: 1rem; /* 16px */ |
| rounded-ee-3xl | border-end-end-radius: 1.5rem; /* 24px */ |
| rounded-ee-full | border-end-end-radius: 9999px; |
| rounded-es-none | border-end-start-radius: 0px; |
| rounded-es-sm | border-end-start-radius: 0.125rem; /* 2px */ |
| rounded-es | border-end-start-radius: 0.25rem; /* 4px */ |
| rounded-es-md | border-end-start-radius: 0.375rem; /* 6px */ |
| rounded-es-lg | border-end-start-radius: 0.5rem; /* 8px */ |
| rounded-es-xl | border-end-start-radius: 0.75rem; /* 12px */ |
| rounded-es-2xl | border-end-start-radius: 1rem; /* 16px */ |
| rounded-es-3xl | border-end-start-radius: 1.5rem; /* 24px */ |
| rounded-es-full | border-end-start-radius: 9999px; |
| rounded-tl-none | border-top-left-radius: 0px; |
| rounded-tl-sm | border-top-left-radius: 0.125rem; /* 2px */ |
| rounded-tl | border-top-left-radius: 0.25rem; /* 4px */ |
| rounded-tl-md | border-top-left-radius: 0.375rem; /* 6px */ |
| rounded-tl-lg | border-top-left-radius: 0.5rem; /* 8px */ |
| rounded-tl-xl | border-top-left-radius: 0.75rem; /* 12px */ |
| rounded-tl-2xl | border-top-left-radius: 1rem; /* 16px */ |
| rounded-tl-3xl | border-top-left-radius: 1.5rem; /* 24px */ |
| rounded-tl-full | border-top-left-radius: 9999px; |
| rounded-tr-none | border-top-right-radius: 0px; |
| rounded-tr-sm | border-top-right-radius: 0.125rem; /* 2px */ |
| rounded-tr | border-top-right-radius: 0.25rem; /* 4px */ |
| rounded-tr-md | border-top-right-radius: 0.375rem; /* 6px */ |
| rounded-tr-lg | border-top-right-radius: 0.5rem; /* 8px */ |
| rounded-tr-xl | border-top-right-radius: 0.75rem; /* 12px */ |
| rounded-tr-2xl | border-top-right-radius: 1rem; /* 16px */ |
| rounded-tr-3xl | border-top-right-radius: 1.5rem; /* 24px */ |
| rounded-tr-full | border-top-right-radius: 9999px; |
| rounded-br-none | border-bottom-right-radius: 0px; |
| rounded-br-sm | border-bottom-right-radius: 0.125rem; /* 2px */ |
| rounded-br | border-bottom-right-radius: 0.25rem; /* 4px */ |
| rounded-br-md | border-bottom-right-radius: 0.375rem; /* 6px */ |
| rounded-br-lg | border-bottom-right-radius: 0.5rem; /* 8px */ |
| rounded-br-xl | border-bottom-right-radius: 0.75rem; /* 12px */ |
| rounded-br-2xl | border-bottom-right-radius: 1rem; /* 16px */ |
| rounded-br-3xl | border-bottom-right-radius: 1.5rem; /* 24px */ |
| rounded-br-full | border-bottom-right-radius: 9999px; |
| rounded-bl-none | border-bottom-left-radius: 0px; |
| rounded-bl-sm | border-bottom-left-radius: 0.125rem; /* 2px */ |
| rounded-bl | border-bottom-left-radius: 0.25rem; /* 4px */ |
| rounded-bl-md | border-bottom-left-radius: 0.375rem; /* 6px */ |
| rounded-bl-lg | border-bottom-left-radius: 0.5rem; /* 8px */ |
| rounded-bl-xl | border-bottom-left-radius: 0.75rem; /* 12px */ |
| rounded-bl-2xl | border-bottom-left-radius: 1rem; /* 16px */ |
| rounded-bl-3xl | border-bottom-left-radius: 1.5rem; /* 24px */ |
| rounded-bl-full | border-bottom-left-radius: 9999px; |
border width
| Tailwind CSS | CSS |
|---|---|
| border-0 | border-width: 0px; |
| border-2 | border-width: 2px; |
| border-4 | border-width: 4px; |
| border-8 | border-width: 8px; |
| border | border-width: 1px; |
| border-x-0 | border-left-width: 0px; border-right-width: 0px; |
| border-x-2 | border-left-width: 2px; border-right-width: 2px; |
| border-x-4 | border-left-width: 4px; border-right-width: 4px; |
| border-x-8 | border-left-width: 8px; border-right-width: 8px; |
| border-x | border-left-width: 1px; border-right-width: 1px; |
| border-y-0 | border-top-width: 0px; border-bottom-width: 0px; |
| border-y-2 | border-top-width: 2px; border-bottom-width: 2px; |
| border-y-4 | border-top-width: 4px; border-bottom-width: 4px; |
| border-y-8 | border-top-width: 8px; border-bottom-width: 8px; |
| border-y | border-top-width: 1px; border-bottom-width: 1px; |
| border-s-0 | border-inline-start-width: 0px; |
| border-s-2 | border-inline-start-width: 2px; |
| border-s-4 | border-inline-start-width: 4px; |
| border-s-8 | border-inline-start-width: 8px; |
| border-s | border-inline-start-width: 1px; |
| border-e-0 | border-inline-end-width: 0px; |
| border-e-2 | border-inline-end-width: 2px; |
| border-e-4 | border-inline-end-width: 4px; |
| border-e-8 | border-inline-end-width: 8px; |
| border-e | border-inline-end-width: 1px; |
| border-t-0 | border-top-width: 0px; |
| border-t-2 | border-top-width: 2px; |
| border-t-4 | border-top-width: 4px; |
| border-t-8 | border-top-width: 8px; |
| border-t | border-top-width: 1px; |
| border-r-0 | border-right-width: 0px; |
| border-r-2 | border-right-width: 2px; |
| border-r-4 | border-right-width: 4px; |
| border-r-8 | border-right-width: 8px; |
| border-r | border-right-width: 1px; |
| border-b-0 | border-bottom-width: 0px; |
| border-b-2 | border-bottom-width: 2px; |
| border-b-4 | border-bottom-width: 4px; |
| border-b-8 | border-bottom-width: 8px; |
| border-b | border-bottom-width: 1px; |
| border-l-0 | border-left-width: 0px; |
| border-l-2 | border-left-width: 2px; |
| border-l-4 | border-left-width: 4px; |
| border-l-8 | border-left-width: 8px; |
| border-l | border-left-width: 1px; |
border color
| Tailwind CSS | CSS |
|---|---|
| border-inherit | border-color: inherit; |
| border-current | border-color: currentColor; |
| border-transparent | border-color: transparent; |
| border-black | border-color: rgb(0 0 0); |
| border-white | border-color: rgb(255 255 255); |
| border-slate-50 | border-color: rgb(248 250 252); |
| border-slate-100 | border-color: rgb(241 245 249); |
| border-slate-200 | border-color: rgb(226 232 240); |
| border-slate-300 | border-color: rgb(203 213 225); |
| border-slate-400 | border-color: rgb(148 163 184); |
| border-slate-500 | border-color: rgb(100 116 139); |
| border-slate-600 | border-color: rgb(71 85 105); |
| border-slate-700 | border-color: rgb(51 65 85); |
| border-slate-800 | border-color: rgb(30 41 59); |
| border-slate-900 | border-color: rgb(15 23 42); |
| border-slate-950 | border-color: rgb(2 6 23); |
| border-gray-50 | border-color: rgb(249 250 251); |
| border-gray-100 | border-color: rgb(243 244 246); |
| border-gray-200 | border-color: rgb(229 231 235); |
| border-gray-300 | border-color: rgb(209 213 219); |
| border-gray-400 | border-color: rgb(156 163 175); |
| border-gray-500 | border-color: rgb(107 114 128); |
| border-gray-600 | border-color: rgb(75 85 99); |
| border-gray-700 | border-color: rgb(55 65 81); |
| border-gray-800 | border-color: rgb(31 41 55); |
| border-gray-900 | border-color: rgb(17 24 39); |
| border-gray-950 | border-color: rgb(3 7 18); |
| border-zinc-50 | border-color: rgb(250 250 250); |
| border-zinc-100 | border-color: rgb(244 244 245); |
| border-zinc-200 | border-color: rgb(228 228 231); |
| border-zinc-300 | border-color: rgb(212 212 216); |
| border-zinc-400 | border-color: rgb(161 161 170); |
| border-zinc-500 | border-color: rgb(113 113 122); |
| border-zinc-600 | border-color: rgb(82 82 91); |
| border-zinc-700 | border-color: rgb(63 63 70); |
| border-zinc-800 | border-color: rgb(39 39 42); |
| border-zinc-900 | border-color: rgb(24 24 27); |
| border-zinc-950 | border-color: rgb(9 9 11); |
| border-neutral-50 | border-color: rgb(250 250 250); |
| border-neutral-100 | border-color: rgb(245 245 245); |
| border-neutral-200 | border-color: rgb(229 229 229); |
| border-neutral-300 | border-color: rgb(212 212 212); |
| border-neutral-400 | border-color: rgb(163 163 163); |
| border-neutral-500 | border-color: rgb(115 115 115); |
| border-neutral-600 | border-color: rgb(82 82 82); |
| border-neutral-700 | border-color: rgb(64 64 64); |
| border-neutral-800 | border-color: rgb(38 38 38); |
| border-neutral-900 | border-color: rgb(23 23 23); |
| border-neutral-950 | border-color: rgb(10 10 10); |
| border-stone-50 | border-color: rgb(250 250 249); |
| border-stone-100 | border-color: rgb(245 245 244); |
| border-stone-200 | border-color: rgb(231 229 228); |
| border-stone-300 | border-color: rgb(214 211 209); |
| border-stone-400 | border-color: rgb(168 162 158); |
| border-stone-500 | border-color: rgb(120 113 108); |
| border-stone-600 | border-color: rgb(87 83 78); |
| border-stone-700 | border-color: rgb(68 64 60); |
| border-stone-800 | border-color: rgb(41 37 36); |
| border-stone-900 | border-color: rgb(28 25 23); |
| border-stone-950 | border-color: rgb(12 10 9); |
| border-red-50 | border-color: rgb(254 242 242); |
| border-red-100 | border-color: rgb(254 226 226); |
| border-red-200 | border-color: rgb(254 202 202); |
| border-red-300 | border-color: rgb(252 165 165); |
| border-red-400 | border-color: rgb(248 113 113); |
| border-red-500 | border-color: rgb(239 68 68); |
| border-red-600 | border-color: rgb(220 38 38); |
| border-red-700 | border-color: rgb(185 28 28); |
| border-red-800 | border-color: rgb(153 27 27); |
| border-red-900 | border-color: rgb(127 29 29); |
| border-red-950 | border-color: rgb(69 10 10); |
| border-orange-50 | border-color: rgb(255 247 237); |
| border-orange-100 | border-color: rgb(255 237 213); |
| border-orange-200 | border-color: rgb(254 215 170); |
| border-orange-300 | border-color: rgb(253 186 116); |
| border-orange-400 | border-color: rgb(251 146 60); |
| border-orange-500 | border-color: rgb(249 115 22); |
| border-orange-600 | border-color: rgb(234 88 12); |
| border-orange-700 | border-color: rgb(194 65 12); |
| border-orange-800 | border-color: rgb(154 52 18); |
| border-orange-900 | border-color: rgb(124 45 18); |
| border-orange-950 | border-color: rgb(67 20 7); |
| border-amber-50 | border-color: rgb(255 251 235); |
| border-amber-100 | border-color: rgb(254 243 199); |
| border-amber-200 | border-color: rgb(253 230 138); |
| border-amber-300 | border-color: rgb(252 211 77); |
| border-amber-400 | border-color: rgb(251 191 36); |
| border-amber-500 | border-color: rgb(245 158 11); |
| border-amber-600 | border-color: rgb(217 119 6); |
| border-amber-700 | border-color: rgb(180 83 9); |
| border-amber-800 | border-color: rgb(146 64 14); |
| border-amber-900 | border-color: rgb(120 53 15); |
| border-amber-950 | border-color: rgb(69 26 3); |
| border-yellow-50 | border-color: rgb(254 252 232); |
| border-yellow-100 | border-color: rgb(254 249 195); |
| border-yellow-200 | border-color: rgb(254 240 138); |
| border-yellow-300 | border-color: rgb(253 224 71); |
| border-yellow-400 | border-color: rgb(250 204 21); |
| border-yellow-500 | border-color: rgb(234 179 8); |
| border-yellow-600 | border-color: rgb(202 138 4); |
| border-yellow-700 | border-color: rgb(161 98 7); |
| border-yellow-800 | border-color: rgb(133 77 14); |
| border-yellow-900 | border-color: rgb(113 63 18); |
| border-yellow-950 | border-color: rgb(66 32 6); |
| border-lime-50 | border-color: rgb(247 254 231); |
| border-lime-100 | border-color: rgb(236 252 203); |
| border-lime-200 | border-color: rgb(217 249 157); |
| border-lime-300 | border-color: rgb(190 242 100); |
| border-lime-400 | border-color: rgb(163 230 53); |
| border-lime-500 | border-color: rgb(132 204 22); |
| border-lime-600 | border-color: rgb(101 163 13); |
| border-lime-700 | border-color: rgb(77 124 15); |
| border-lime-800 | border-color: rgb(63 98 18); |
| border-lime-900 | border-color: rgb(54 83 20); |
| border-lime-950 | border-color: rgb(26 46 5); |
| border-green-50 | border-color: rgb(240 253 244); |
| border-green-100 | border-color: rgb(220 252 231); |
| border-green-200 | border-color: rgb(187 247 208); |
| border-green-300 | border-color: rgb(134 239 172); |
| border-green-400 | border-color: rgb(74 222 128); |
| border-green-500 | border-color: rgb(34 197 94); |
| border-green-600 | border-color: rgb(22 163 74); |
| border-green-700 | border-color: rgb(21 128 61); |
| border-green-800 | border-color: rgb(22 101 52); |
| border-green-900 | border-color: rgb(20 83 45); |
| border-green-950 | border-color: rgb(5 46 22); |
| border-emerald-50 | border-color: rgb(236 253 245); |
| border-emerald-100 | border-color: rgb(209 250 229); |
| border-emerald-200 | border-color: rgb(167 243 208); |
| border-emerald-300 | border-color: rgb(110 231 183); |
| border-emerald-400 | border-color: rgb(52 211 153); |
| border-emerald-500 | border-color: rgb(16 185 129); |
| border-emerald-600 | border-color: rgb(5 150 105); |
| border-emerald-700 | border-color: rgb(4 120 87); |
| border-emerald-800 | border-color: rgb(6 95 70); |
| border-emerald-900 | border-color: rgb(6 78 59); |
| border-emerald-950 | border-color: rgb(2 44 34); |
| border-teal-50 | border-color: rgb(240 253 250); |
| border-teal-100 | border-color: rgb(204 251 241); |
| border-teal-200 | border-color: rgb(153 246 228); |
| border-teal-300 | border-color: rgb(94 234 212); |
| border-teal-400 | border-color: rgb(45 212 191); |
| border-teal-500 | border-color: rgb(20 184 166); |
| border-teal-600 | border-color: rgb(13 148 136); |
| border-teal-700 | border-color: rgb(15 118 110); |
| border-teal-800 | border-color: rgb(17 94 89); |
| border-teal-900 | border-color: rgb(19 78 74); |
| border-teal-950 | border-color: rgb(4 47 46); |
| border-cyan-50 | border-color: rgb(236 254 255); |
| border-cyan-100 | border-color: rgb(207 250 254); |
| border-cyan-200 | border-color: rgb(165 243 252); |
| border-cyan-300 | border-color: rgb(103 232 249); |
| border-cyan-400 | border-color: rgb(34 211 238); |
| border-cyan-500 | border-color: rgb(6 182 212); |
| border-cyan-600 | border-color: rgb(8 145 178); |
| border-cyan-700 | border-color: rgb(14 116 144); |
| border-cyan-800 | border-color: rgb(21 94 117); |
| border-cyan-900 | border-color: rgb(22 78 99); |
| border-cyan-950 | border-color: rgb(8 51 68); |
| border-sky-50 | border-color: rgb(240 249 255); |
| border-sky-100 | border-color: rgb(224 242 254); |
| border-sky-200 | border-color: rgb(186 230 253); |
| border-sky-300 | border-color: rgb(125 211 252); |
| border-sky-400 | border-color: rgb(56 189 248); |
| border-sky-500 | border-color: rgb(14 165 233); |
| border-sky-600 | border-color: rgb(2 132 199); |
| border-sky-700 | border-color: rgb(3 105 161); |
| border-sky-800 | border-color: rgb(7 89 133); |
| border-sky-900 | border-color: rgb(12 74 110); |
| border-sky-950 | border-color: rgb(8 47 73); |
| border-blue-50 | border-color: rgb(239 246 255); |
| border-blue-100 | border-color: rgb(219 234 254); |
| border-blue-200 | border-color: rgb(191 219 254); |
| border-blue-300 | border-color: rgb(147 197 253); |
| border-blue-400 | border-color: rgb(96 165 250); |
| border-blue-500 | border-color: rgb(59 130 246); |
| border-blue-600 | border-color: rgb(37 99 235); |
| border-blue-700 | border-color: rgb(29 78 216); |
| border-blue-800 | border-color: rgb(30 64 175); |
| border-blue-900 | border-color: rgb(30 58 138); |
| border-blue-950 | border-color: rgb(23 37 84); |
| border-indigo-50 | border-color: rgb(238 242 255); |
| border-indigo-100 | border-color: rgb(224 231 255); |
| border-indigo-200 | border-color: rgb(199 210 254); |
| border-indigo-300 | border-color: rgb(165 180 252); |
| border-indigo-400 | border-color: rgb(129 140 248); |
| border-indigo-500 | border-color: rgb(99 102 241); |
| border-indigo-600 | border-color: rgb(79 70 229); |
| border-indigo-700 | border-color: rgb(67 56 202); |
| border-indigo-800 | border-color: rgb(55 48 163); |
| border-indigo-900 | border-color: rgb(49 46 129); |
| border-indigo-950 | border-color: rgb(30 27 75); |
| border-violet-50 | border-color: rgb(245 243 255); |
| border-violet-100 | border-color: rgb(237 233 254); |
| border-violet-200 | border-color: rgb(221 214 254); |
| border-violet-300 | border-color: rgb(196 181 253); |
| border-violet-400 | border-color: rgb(167 139 250); |
| border-violet-500 | border-color: rgb(139 92 246); |
| border-violet-600 | border-color: rgb(124 58 237); |
| border-violet-700 | border-color: rgb(109 40 217); |
| border-violet-800 | border-color: rgb(91 33 182); |
| border-violet-900 | border-color: rgb(76 29 149); |
| border-violet-950 | border-color: rgb(46 16 101); |
| border-purple-50 | border-color: rgb(250 245 255); |
| border-purple-100 | border-color: rgb(243 232 255); |
| border-purple-200 | border-color: rgb(233 213 255); |
| border-purple-300 | border-color: rgb(216 180 254); |
| border-purple-400 | border-color: rgb(192 132 252); |
| border-purple-500 | border-color: rgb(168 85 247); |
| border-purple-600 | border-color: rgb(147 51 234); |
| border-purple-700 | border-color: rgb(126 34 206); |
| border-purple-800 | border-color: rgb(107 33 168); |
| border-purple-900 | border-color: rgb(88 28 135); |
| border-purple-950 | border-color: rgb(59 7 100); |
| border-fuchsia-50 | border-color: rgb(253 244 255); |
| border-fuchsia-100 | border-color: rgb(250 232 255); |
| border-fuchsia-200 | border-color: rgb(245 208 254); |
| border-fuchsia-300 | border-color: rgb(240 171 252); |
| border-fuchsia-400 | border-color: rgb(232 121 249); |
| border-fuchsia-500 | border-color: rgb(217 70 239); |
| border-fuchsia-600 | border-color: rgb(192 38 211); |
| border-fuchsia-700 | border-color: rgb(162 28 175); |
| border-fuchsia-800 | border-color: rgb(134 25 143); |
| border-fuchsia-900 | border-color: rgb(112 26 117); |
| border-fuchsia-950 | border-color: rgb(74 4 78); |
| border-pink-50 | border-color: rgb(253 242 248); |
| border-pink-100 | border-color: rgb(252 231 243); |
| border-pink-200 | border-color: rgb(251 207 232); |
| border-pink-300 | border-color: rgb(249 168 212); |
| border-pink-400 | border-color: rgb(244 114 182); |
| border-pink-500 | border-color: rgb(236 72 153); |
| border-pink-600 | border-color: rgb(219 39 119); |
| border-pink-700 | border-color: rgb(190 24 93); |
| border-pink-800 | border-color: rgb(157 23 77); |
| border-pink-900 | border-color: rgb(131 24 67); |
| border-pink-950 | border-color: rgb(80 7 36); |
| border-rose-50 | border-color: rgb(255 241 242); |
| border-rose-100 | border-color: rgb(255 228 230); |
| border-rose-200 | border-color: rgb(254 205 211); |
| border-rose-300 | border-color: rgb(253 164 175); |
| border-rose-400 | border-color: rgb(251 113 133); |
| border-rose-500 | border-color: rgb(244 63 94); |
| border-rose-600 | border-color: rgb(225 29 72); |
| border-rose-700 | border-color: rgb(190 18 60); |
| border-rose-800 | border-color: rgb(159 18 57); |
| border-rose-900 | border-color: rgb(136 19 55); |
| border-rose-950 | border-color: rgb(76 5 25); |
| border-x-inherit | border-left-color: inherit; border-right-color: inherit; |
| border-x-current | border-left-color: currentColor; border-right-color: currentColor; |
| border-x-transparent | border-left-color: transparent; border-right-color: transparent; |
| border-x-black | border-left-color: rgb(0 0 0); border-right-color: rgb(0 0 0); |
| border-x-white | border-left-color: rgb(255 255 255); border-right-color: rgb(255 255 255); |
| border-x-slate-50 | border-left-color: rgb(248 250 252); border-right-color: rgb(248 250 252); |
| border-x-slate-100 | border-left-color: rgb(241 245 249); border-right-color: rgb(241 245 249); |
| border-x-slate-200 | border-left-color: rgb(226 232 240); border-right-color: rgb(226 232 240); |
| border-x-slate-300 | border-left-color: rgb(203 213 225); border-right-color: rgb(203 213 225); |
| border-x-slate-400 | border-left-color: rgb(148 163 184); border-right-color: rgb(148 163 184); |
| border-x-slate-500 | border-left-color: rgb(100 116 139); border-right-color: rgb(100 116 139); |
| border-x-slate-600 | border-left-color: rgb(71 85 105); border-right-color: rgb(71 85 105); |
| border-x-slate-700 | border-left-color: rgb(51 65 85); border-right-color: rgb(51 65 85); |
| border-x-slate-800 | border-left-color: rgb(30 41 59); border-right-color: rgb(30 41 59); |
| border-x-slate-900 | border-left-color: rgb(15 23 42); border-right-color: rgb(15 23 42); |
| border-x-slate-950 | border-left-color: rgb(2 6 23); border-right-color: rgb(2 6 23); |
| border-x-gray-50 | border-left-color: rgb(249 250 251); border-right-color: rgb(249 250 251); |
| border-x-gray-100 | border-left-color: rgb(243 244 246); border-right-color: rgb(243 244 246); |
| border-x-gray-200 | border-left-color: rgb(229 231 235); border-right-color: rgb(229 231 235); |
| border-x-gray-300 | border-left-color: rgb(209 213 219); border-right-color: rgb(209 213 219); |
| border-x-gray-400 | border-left-color: rgb(156 163 175); border-right-color: rgb(156 163 175); |
| border-x-gray-500 | border-left-color: rgb(107 114 128); border-right-color: rgb(107 114 128); |
| border-x-gray-600 | border-left-color: rgb(75 85 99); border-right-color: rgb(75 85 99); |
| border-x-gray-700 | border-left-color: rgb(55 65 81); border-right-color: rgb(55 65 81); |
| border-x-gray-800 | border-left-color: rgb(31 41 55); border-right-color: rgb(31 41 55); |
| border-x-gray-900 | border-left-color: rgb(17 24 39); border-right-color: rgb(17 24 39); |
| border-x-gray-950 | border-left-color: rgb(3 7 18); border-right-color: rgb(3 7 18); |
| border-x-zinc-50 | border-left-color: rgb(250 250 250); border-right-color: rgb(250 250 250); |
| border-x-zinc-100 | border-left-color: rgb(244 244 245); border-right-color: rgb(244 244 245); |
| border-x-zinc-200 | border-left-color: rgb(228 228 231); border-right-color: rgb(228 228 231); |
| border-x-zinc-300 | border-left-color: rgb(212 212 216); border-right-color: rgb(212 212 216); |
| border-x-zinc-400 | border-left-color: rgb(161 161 170); border-right-color: rgb(161 161 170); |
| border-x-zinc-500 | border-left-color: rgb(113 113 122); border-right-color: rgb(113 113 122); |
| border-x-zinc-600 | border-left-color: rgb(82 82 91); border-right-color: rgb(82 82 91); |
| border-x-zinc-700 | border-left-color: rgb(63 63 70); border-right-color: rgb(63 63 70); |
| border-x-zinc-800 | border-left-color: rgb(39 39 42); border-right-color: rgb(39 39 42); |
| border-x-zinc-900 | border-left-color: rgb(24 24 27); border-right-color: rgb(24 24 27); |
| border-x-zinc-950 | border-left-color: rgb(9 9 11); border-right-color: rgb(9 9 11); |
| border-x-neutral-50 | border-left-color: rgb(250 250 250); border-right-color: rgb(250 250 250); |
| border-x-neutral-100 | border-left-color: rgb(245 245 245); border-right-color: rgb(245 245 245); |
| border-x-neutral-200 | border-left-color: rgb(229 229 229); border-right-color: rgb(229 229 229); |
| border-x-neutral-300 | border-left-color: rgb(212 212 212); border-right-color: rgb(212 212 212); |
| border-x-neutral-400 | border-left-color: rgb(163 163 163); border-right-color: rgb(163 163 163); |
| border-x-neutral-500 | border-left-color: rgb(115 115 115); border-right-color: rgb(115 115 115); |
| border-x-neutral-600 | border-left-color: rgb(82 82 82); border-right-color: rgb(82 82 82); |
| border-x-neutral-700 | border-left-color: rgb(64 64 64); border-right-color: rgb(64 64 64); |
| border-x-neutral-800 | border-left-color: rgb(38 38 38); border-right-color: rgb(38 38 38); |
| border-x-neutral-900 | border-left-color: rgb(23 23 23); border-right-color: rgb(23 23 23); |
| border-x-neutral-950 | border-left-color: rgb(10 10 10); border-right-color: rgb(10 10 10); |
| border-x-stone-50 | border-left-color: rgb(250 250 249); border-right-color: rgb(250 250 249); |
| border-x-stone-100 | border-left-color: rgb(245 245 244); border-right-color: rgb(245 245 244); |
| border-x-stone-200 | border-left-color: rgb(231 229 228); border-right-color: rgb(231 229 228); |
| border-x-stone-300 | border-left-color: rgb(214 211 209); border-right-color: rgb(214 211 209); |
| border-x-stone-400 | border-left-color: rgb(168 162 158); border-right-color: rgb(168 162 158); |
| border-x-stone-500 | border-left-color: rgb(120 113 108); border-right-color: rgb(120 113 108); |
| border-x-stone-600 | border-left-color: rgb(87 83 78); border-right-color: rgb(87 83 78); |
| border-x-stone-700 | border-left-color: rgb(68 64 60); border-right-color: rgb(68 64 60); |
| border-x-stone-800 | border-left-color: rgb(41 37 36); border-right-color: rgb(41 37 36); |
| border-x-stone-900 | border-left-color: rgb(28 25 23); border-right-color: rgb(28 25 23); |
| border-x-stone-950 | border-left-color: rgb(12 10 9); border-right-color: rgb(12 10 9); |
| border-x-red-50 | border-left-color: rgb(254 242 242); border-right-color: rgb(254 242 242); |
| border-x-red-100 | border-left-color: rgb(254 226 226); border-right-color: rgb(254 226 226); |
| border-x-red-200 | border-left-color: rgb(254 202 202); border-right-color: rgb(254 202 202); |
| border-x-red-300 | border-left-color: rgb(252 165 165); border-right-color: rgb(252 165 165); |
| border-x-red-400 | border-left-color: rgb(248 113 113); border-right-color: rgb(248 113 113); |
| border-x-red-500 | border-left-color: rgb(239 68 68); border-right-color: rgb(239 68 68); |
| border-x-red-600 | border-left-color: rgb(220 38 38); border-right-color: rgb(220 38 38); |
| border-x-red-700 | border-left-color: rgb(185 28 28); border-right-color: rgb(185 28 28); |
| border-x-red-800 | border-left-color: rgb(153 27 27); border-right-color: rgb(153 27 27); |
| border-x-red-900 | border-left-color: rgb(127 29 29); border-right-color: rgb(127 29 29); |
| border-x-red-950 | border-left-color: rgb(69 10 10); border-right-color: rgb(69 10 10); |
| border-x-orange-50 | border-left-color: rgb(255 247 237); border-right-color: rgb(255 247 237); |
| border-x-orange-100 | border-left-color: rgb(255 237 213); border-right-color: rgb(255 237 213); |
| border-x-orange-200 | border-left-color: rgb(254 215 170); border-right-color: rgb(254 215 170); |
| border-x-orange-300 | border-left-color: rgb(253 186 116); border-right-color: rgb(253 186 116); |
| border-x-orange-400 | border-left-color: rgb(251 146 60); border-right-color: rgb(251 146 60); |
| border-x-orange-500 | border-left-color: rgb(249 115 22); border-right-color: rgb(249 115 22); |
| border-x-orange-600 | border-left-color: rgb(234 88 12); border-right-color: rgb(234 88 12); |
| border-x-orange-700 | border-left-color: rgb(194 65 12); border-right-color: rgb(194 65 12); |
| border-x-orange-800 | border-left-color: rgb(154 52 18); border-right-color: rgb(154 52 18); |
| border-x-orange-900 | border-left-color: rgb(124 45 18); border-right-color: rgb(124 45 18); |
| border-x-orange-950 | border-left-color: rgb(67 20 7); border-right-color: rgb(67 20 7); |
| border-x-amber-50 | border-left-color: rgb(255 251 235); border-right-color: rgb(255 251 235); |
| border-x-amber-100 | border-left-color: rgb(254 243 199); border-right-color: rgb(254 243 199); |
| border-x-amber-200 | border-left-color: rgb(253 230 138); border-right-color: rgb(253 230 138); |
| border-x-amber-300 | border-left-color: rgb(252 211 77); border-right-color: rgb(252 211 77); |
| border-x-amber-400 | border-left-color: rgb(251 191 36); border-right-color: rgb(251 191 36); |
| border-x-amber-500 | border-left-color: rgb(245 158 11); border-right-color: rgb(245 158 11); |
| border-x-amber-600 | border-left-color: rgb(217 119 6); border-right-color: rgb(217 119 6); |
| border-x-amber-700 | border-left-color: rgb(180 83 9); border-right-color: rgb(180 83 9); |
| border-x-amber-800 | border-left-color: rgb(146 64 14); border-right-color: rgb(146 64 14); |
| border-x-amber-900 | border-left-color: rgb(120 53 15); border-right-color: rgb(120 53 15); |
| border-x-amber-950 | border-left-color: rgb(69 26 3); border-right-color: rgb(69 26 3); |
| border-x-yellow-50 | border-left-color: rgb(254 252 232); border-right-color: rgb(254 252 232); |
| border-x-yellow-100 | border-left-color: rgb(254 249 195); border-right-color: rgb(254 249 195); |
| border-x-yellow-200 | border-left-color: rgb(254 240 138); border-right-color: rgb(254 240 138); |
| border-x-yellow-300 | border-left-color: rgb(253 224 71); border-right-color: rgb(253 224 71); |
| border-x-yellow-400 | border-left-color: rgb(250 204 21); border-right-color: rgb(250 204 21); |
| border-x-yellow-500 | border-left-color: rgb(234 179 8); border-right-color: rgb(234 179 8); |
| border-x-yellow-600 | border-left-color: rgb(202 138 4); border-right-color: rgb(202 138 4); |
| border-x-yellow-700 | border-left-color: rgb(161 98 7); border-right-color: rgb(161 98 7); |
| border-x-yellow-800 | border-left-color: rgb(133 77 14); border-right-color: rgb(133 77 14); |
| border-x-yellow-900 | border-left-color: rgb(113 63 18); border-right-color: rgb(113 63 18); |
| border-x-yellow-950 | border-left-color: rgb(66 32 6); border-right-color: rgb(66 32 6); |
| border-x-lime-50 | border-left-color: rgb(247 254 231); border-right-color: rgb(247 254 231); |
| border-x-lime-100 | border-left-color: rgb(236 252 203); border-right-color: rgb(236 252 203); |
| border-x-lime-200 | border-left-color: rgb(217 249 157); border-right-color: rgb(217 249 157); |
| border-x-lime-300 | border-left-color: rgb(190 242 100); border-right-color: rgb(190 242 100); |
| border-x-lime-400 | border-left-color: rgb(163 230 53); border-right-color: rgb(163 230 53); |
| border-x-lime-500 | border-left-color: rgb(132 204 22); border-right-color: rgb(132 204 22); |
| border-x-lime-600 | border-left-color: rgb(101 163 13); border-right-color: rgb(101 163 13); |
| border-x-lime-700 | border-left-color: rgb(77 124 15); border-right-color: rgb(77 124 15); |
| border-x-lime-800 | border-left-color: rgb(63 98 18); border-right-color: rgb(63 98 18); |
| border-x-lime-900 | border-left-color: rgb(54 83 20); border-right-color: rgb(54 83 20); |
| border-x-lime-950 | border-left-color: rgb(26 46 5); border-right-color: rgb(26 46 5); |
| border-x-green-50 | border-left-color: rgb(240 253 244); border-right-color: rgb(240 253 244); |
| border-x-green-100 | border-left-color: rgb(220 252 231); border-right-color: rgb(220 252 231); |
| border-x-green-200 | border-left-color: rgb(187 247 208); border-right-color: rgb(187 247 208); |
| border-x-green-300 | border-left-color: rgb(134 239 172); border-right-color: rgb(134 239 172); |
| border-x-green-400 | border-left-color: rgb(74 222 128); border-right-color: rgb(74 222 128); |
| border-x-green-500 | border-left-color: rgb(34 197 94); border-right-color: rgb(34 197 94); |
| border-x-green-600 | border-left-color: rgb(22 163 74); border-right-color: rgb(22 163 74); |
| border-x-green-700 | border-left-color: rgb(21 128 61); border-right-color: rgb(21 128 61); |
| border-x-green-800 | border-left-color: rgb(22 101 52); border-right-color: rgb(22 101 52); |
| border-x-green-900 | border-left-color: rgb(20 83 45); border-right-color: rgb(20 83 45); |
| border-x-green-950 | border-left-color: rgb(5 46 22); border-right-color: rgb(5 46 22); |
| border-x-emerald-50 | border-left-color: rgb(236 253 245); border-right-color: rgb(236 253 245); |
| border-x-emerald-100 | border-left-color: rgb(209 250 229); border-right-color: rgb(209 250 229); |
| border-x-emerald-200 | border-left-color: rgb(167 243 208); border-right-color: rgb(167 243 208); |
| border-x-emerald-300 | border-left-color: rgb(110 231 183); border-right-color: rgb(110 231 183); |
| border-x-emerald-400 | border-left-color: rgb(52 211 153); border-right-color: rgb(52 211 153); |
| border-x-emerald-500 | border-left-color: rgb(16 185 129); border-right-color: rgb(16 185 129); |
| border-x-emerald-600 | border-left-color: rgb(5 150 105); border-right-color: rgb(5 150 105); |
| border-x-emerald-700 | border-left-color: rgb(4 120 87); border-right-color: rgb(4 120 87); |
| border-x-emerald-800 | border-left-color: rgb(6 95 70); border-right-color: rgb(6 95 70); |
| border-x-emerald-900 | border-left-color: rgb(6 78 59); border-right-color: rgb(6 78 59); |
| border-x-emerald-950 | border-left-color: rgb(2 44 34); border-right-color: rgb(2 44 34); |
| border-x-teal-50 | border-left-color: rgb(240 253 250); border-right-color: rgb(240 253 250); |
| border-x-teal-100 | border-left-color: rgb(204 251 241); border-right-color: rgb(204 251 241); |
| border-x-teal-200 | border-left-color: rgb(153 246 228); border-right-color: rgb(153 246 228); |
| border-x-teal-300 | border-left-color: rgb(94 234 212); border-right-color: rgb(94 234 212); |
| border-x-teal-400 | border-left-color: rgb(45 212 191); border-right-color: rgb(45 212 191); |
| border-x-teal-500 | border-left-color: rgb(20 184 166); border-right-color: rgb(20 184 166); |
| border-x-teal-600 | border-left-color: rgb(13 148 136); border-right-color: rgb(13 148 136); |
| border-x-teal-700 | border-left-color: rgb(15 118 110); border-right-color: rgb(15 118 110); |
| border-x-teal-800 | border-left-color: rgb(17 94 89); border-right-color: rgb(17 94 89); |
| border-x-teal-900 | border-left-color: rgb(19 78 74); border-right-color: rgb(19 78 74); |
| border-x-teal-950 | border-left-color: rgb(4 47 46); border-right-color: rgb(4 47 46); |
| border-x-cyan-50 | border-left-color: rgb(236 254 255); border-right-color: rgb(236 254 255); |
| border-x-cyan-100 | border-left-color: rgb(207 250 254); border-right-color: rgb(207 250 254); |
| border-x-cyan-200 | border-left-color: rgb(165 243 252); border-right-color: rgb(165 243 252); |
| border-x-cyan-300 | border-left-color: rgb(103 232 249); border-right-color: rgb(103 232 249); |
| border-x-cyan-400 | border-left-color: rgb(34 211 238); border-right-color: rgb(34 211 238); |
| border-x-cyan-500 | border-left-color: rgb(6 182 212); border-right-color: rgb(6 182 212); |
| border-x-cyan-600 | border-left-color: rgb(8 145 178); border-right-color: rgb(8 145 178); |
| border-x-cyan-700 | border-left-color: rgb(14 116 144); border-right-color: rgb(14 116 144); |
| border-x-cyan-800 | border-left-color: rgb(21 94 117); border-right-color: rgb(21 94 117); |
| border-x-cyan-900 | border-left-color: rgb(22 78 99); border-right-color: rgb(22 78 99); |
| border-x-cyan-950 | border-left-color: rgb(8 51 68); border-right-color: rgb(8 51 68); |
| border-x-sky-50 | border-left-color: rgb(240 249 255); border-right-color: rgb(240 249 255); |
| border-x-sky-100 | border-left-color: rgb(224 242 254); border-right-color: rgb(224 242 254); |
| border-x-sky-200 | border-left-color: rgb(186 230 253); border-right-color: rgb(186 230 253); |
| border-x-sky-300 | border-left-color: rgb(125 211 252); border-right-color: rgb(125 211 252); |
| border-x-sky-400 | border-left-color: rgb(56 189 248); border-right-color: rgb(56 189 248); |
| border-x-sky-500 | border-left-color: rgb(14 165 233); border-right-color: rgb(14 165 233); |
| border-x-sky-600 | border-left-color: rgb(2 132 199); border-right-color: rgb(2 132 199); |
| border-x-sky-700 | border-left-color: rgb(3 105 161); border-right-color: rgb(3 105 161); |
| border-x-sky-800 | border-left-color: rgb(7 89 133); border-right-color: rgb(7 89 133); |
| border-x-sky-900 | border-left-color: rgb(12 74 110); border-right-color: rgb(12 74 110); |
| border-x-sky-950 | border-left-color: rgb(8 47 73); border-right-color: rgb(8 47 73); |
| border-x-blue-50 | border-left-color: rgb(239 246 255); border-right-color: rgb(239 246 255); |
| border-x-blue-100 | border-left-color: rgb(219 234 254); border-right-color: rgb(219 234 254); |
| border-x-blue-200 | border-left-color: rgb(191 219 254); border-right-color: rgb(191 219 254); |
| border-x-blue-300 | border-left-color: rgb(147 197 253); border-right-color: rgb(147 197 253); |
| border-x-blue-400 | border-left-color: rgb(96 165 250); border-right-color: rgb(96 165 250); |
| border-x-blue-500 | border-left-color: rgb(59 130 246); border-right-color: rgb(59 130 246); |
| border-x-blue-600 | border-left-color: rgb(37 99 235); border-right-color: rgb(37 99 235); |
| border-x-blue-700 | border-left-color: rgb(29 78 216); border-right-color: rgb(29 78 216); |
| border-x-blue-800 | border-left-color: rgb(30 64 175); border-right-color: rgb(30 64 175); |
| border-x-blue-900 | border-left-color: rgb(30 58 138); border-right-color: rgb(30 58 138); |
| border-x-blue-950 | border-left-color: rgb(23 37 84); border-right-color: rgb(23 37 84); |
| border-x-indigo-50 | border-left-color: rgb(238 242 255); border-right-color: rgb(238 242 255); |
| border-x-indigo-100 | border-left-color: rgb(224 231 255); border-right-color: rgb(224 231 255); |
| border-x-indigo-200 | border-left-color: rgb(199 210 254); border-right-color: rgb(199 210 254); |
| border-x-indigo-300 | border-left-color: rgb(165 180 252); border-right-color: rgb(165 180 252); |
| border-x-indigo-400 | border-left-color: rgb(129 140 248); border-right-color: rgb(129 140 248); |
| border-x-indigo-500 | border-left-color: rgb(99 102 241); border-right-color: rgb(99 102 241); |
| border-x-indigo-600 | border-left-color: rgb(79 70 229); border-right-color: rgb(79 70 229); |
| border-x-indigo-700 | border-left-color: rgb(67 56 202); border-right-color: rgb(67 56 202); |
| border-x-indigo-800 | border-left-color: rgb(55 48 163); border-right-color: rgb(55 48 163); |
| border-x-indigo-900 | border-left-color: rgb(49 46 129); border-right-color: rgb(49 46 129); |
| border-x-indigo-950 | border-left-color: rgb(30 27 75); border-right-color: rgb(30 27 75); |
| border-x-violet-50 | border-left-color: rgb(245 243 255); border-right-color: rgb(245 243 255); |
| border-x-violet-100 | border-left-color: rgb(237 233 254); border-right-color: rgb(237 233 254); |
| border-x-violet-200 | border-left-color: rgb(221 214 254); border-right-color: rgb(221 214 254); |
| border-x-violet-300 | border-left-color: rgb(196 181 253); border-right-color: rgb(196 181 253); |
| border-x-violet-400 | border-left-color: rgb(167 139 250); border-right-color: rgb(167 139 250); |
| border-x-violet-500 | border-left-color: rgb(139 92 246); border-right-color: rgb(139 92 246); |
| border-x-violet-600 | border-left-color: rgb(124 58 237); border-right-color: rgb(124 58 237); |
| border-x-violet-700 | border-left-color: rgb(109 40 217); border-right-color: rgb(109 40 217); |
| border-x-violet-800 | border-left-color: rgb(91 33 182); border-right-color: rgb(91 33 182); |
| border-x-violet-900 | border-left-color: rgb(76 29 149); border-right-color: rgb(76 29 149); |
| border-x-violet-950 | border-left-color: rgb(46 16 101); border-right-color: rgb(46 16 101); |
| border-x-purple-50 | border-left-color: rgb(250 245 255); border-right-color: rgb(250 245 255); |
| border-x-purple-100 | border-left-color: rgb(243 232 255); border-right-color: rgb(243 232 255); |
| border-x-purple-200 | border-left-color: rgb(233 213 255); border-right-color: rgb(233 213 255); |
| border-x-purple-300 | border-left-color: rgb(216 180 254); border-right-color: rgb(216 180 254); |
| border-x-purple-400 | border-left-color: rgb(192 132 252); border-right-color: rgb(192 132 252); |
| border-x-purple-500 | border-left-color: rgb(168 85 247); border-right-color: rgb(168 85 247); |
| border-x-purple-600 | border-left-color: rgb(147 51 234); border-right-color: rgb(147 51 234); |
| border-x-purple-700 | border-left-color: rgb(126 34 206); border-right-color: rgb(126 34 206); |
| border-x-purple-800 | border-left-color: rgb(107 33 168); border-right-color: rgb(107 33 168); |
| border-x-purple-900 | border-left-color: rgb(88 28 135); border-right-color: rgb(88 28 135); |
| border-x-purple-950 | border-left-color: rgb(59 7 100); border-right-color: rgb(59 7 100); |
| border-x-fuchsia-50 | border-left-color: rgb(253 244 255); border-right-color: rgb(253 244 255); |
| border-x-fuchsia-100 | border-left-color: rgb(250 232 255); border-right-color: rgb(250 232 255); |
| border-x-fuchsia-200 | border-left-color: rgb(245 208 254); border-right-color: rgb(245 208 254); |
| border-x-fuchsia-300 | border-left-color: rgb(240 171 252); border-right-color: rgb(240 171 252); |
| border-x-fuchsia-400 | border-left-color: rgb(232 121 249); border-right-color: rgb(232 121 249); |
| border-x-fuchsia-500 | border-left-color: rgb(217 70 239); border-right-color: rgb(217 70 239); |
| border-x-fuchsia-600 | border-left-color: rgb(192 38 211); border-right-color: rgb(192 38 211); |
| border-x-fuchsia-700 | border-left-color: rgb(162 28 175); border-right-color: rgb(162 28 175); |
| border-x-fuchsia-800 | border-left-color: rgb(134 25 143); border-right-color: rgb(134 25 143); |
| border-x-fuchsia-900 | border-left-color: rgb(112 26 117); border-right-color: rgb(112 26 117); |
| border-x-fuchsia-950 | border-left-color: rgb(74 4 78); border-right-color: rgb(74 4 78); |
| border-x-pink-50 | border-left-color: rgb(253 242 248); border-right-color: rgb(253 242 248); |
| border-x-pink-100 | border-left-color: rgb(252 231 243); border-right-color: rgb(252 231 243); |
| border-x-pink-200 | border-left-color: rgb(251 207 232); border-right-color: rgb(251 207 232); |
| border-x-pink-300 | border-left-color: rgb(249 168 212); border-right-color: rgb(249 168 212); |
| border-x-pink-400 | border-left-color: rgb(244 114 182); border-right-color: rgb(244 114 182); |
| border-x-pink-500 | border-left-color: rgb(236 72 153); border-right-color: rgb(236 72 153); |
| border-x-pink-600 | border-left-color: rgb(219 39 119); border-right-color: rgb(219 39 119); |
| border-x-pink-700 | border-left-color: rgb(190 24 93); border-right-color: rgb(190 24 93); |
| border-x-pink-800 | border-left-color: rgb(157 23 77); border-right-color: rgb(157 23 77); |
| border-x-pink-900 | border-left-color: rgb(131 24 67); border-right-color: rgb(131 24 67); |
| border-x-pink-950 | border-left-color: rgb(80 7 36); border-right-color: rgb(80 7 36); |
| border-x-rose-50 | border-left-color: rgb(255 241 242); border-right-color: rgb(255 241 242); |
| border-x-rose-100 | border-left-color: rgb(255 228 230); border-right-color: rgb(255 228 230); |
| border-x-rose-200 | border-left-color: rgb(254 205 211); border-right-color: rgb(254 205 211); |
| border-x-rose-300 | border-left-color: rgb(253 164 175); border-right-color: rgb(253 164 175); |
| border-x-rose-400 | border-left-color: rgb(251 113 133); border-right-color: rgb(251 113 133); |
| border-x-rose-500 | border-left-color: rgb(244 63 94); border-right-color: rgb(244 63 94); |
| border-x-rose-600 | border-left-color: rgb(225 29 72); border-right-color: rgb(225 29 72); |
| border-x-rose-700 | border-left-color: rgb(190 18 60); border-right-color: rgb(190 18 60); |
| border-x-rose-800 | border-left-color: rgb(159 18 57); border-right-color: rgb(159 18 57); |
| border-x-rose-900 | border-left-color: rgb(136 19 55); border-right-color: rgb(136 19 55); |
| border-x-rose-950 | border-left-color: rgb(76 5 25); border-right-color: rgb(76 5 25); |
| border-y-inherit | border-top-color: inherit; border-bottom-color: inherit; |
| border-y-current | border-top-color: currentColor; border-bottom-color: currentColor; |
| border-y-transparent | border-top-color: transparent; border-bottom-color: transparent; |
| border-y-black | border-top-color: rgb(0 0 0); border-bottom-color: rgb(0 0 0); |
| border-y-white | border-top-color: rgb(255 255 255); border-bottom-color: rgb(255 255 255); |
| border-y-slate-50 | border-top-color: rgb(248 250 252); border-bottom-color: rgb(248 250 252); |
| border-y-slate-100 | border-top-color: rgb(241 245 249); border-bottom-color: rgb(241 245 249); |
| border-y-slate-200 | border-top-color: rgb(226 232 240); border-bottom-color: rgb(226 232 240); |
| border-y-slate-300 | border-top-color: rgb(203 213 225); border-bottom-color: rgb(203 213 225); |
| border-y-slate-400 | border-top-color: rgb(148 163 184); border-bottom-color: rgb(148 163 184); |
| border-y-slate-500 | border-top-color: rgb(100 116 139); border-bottom-color: rgb(100 116 139); |
| border-y-slate-600 | border-top-color: rgb(71 85 105); border-bottom-color: rgb(71 85 105); |
| border-y-slate-700 | border-top-color: rgb(51 65 85); border-bottom-color: rgb(51 65 85); |
| border-y-slate-800 | border-top-color: rgb(30 41 59); border-bottom-color: rgb(30 41 59); |
| border-y-slate-900 | border-top-color: rgb(15 23 42); border-bottom-color: rgb(15 23 42); |
| border-y-slate-950 | border-top-color: rgb(2 6 23); border-bottom-color: rgb(2 6 23); |
| border-y-gray-50 | border-top-color: rgb(249 250 251); border-bottom-color: rgb(249 250 251); |
| border-y-gray-100 | border-top-color: rgb(243 244 246); border-bottom-color: rgb(243 244 246); |
| border-y-gray-200 | border-top-color: rgb(229 231 235); border-bottom-color: rgb(229 231 235); |
| border-y-gray-300 | border-top-color: rgb(209 213 219); border-bottom-color: rgb(209 213 219); |
| border-y-gray-400 | border-top-color: rgb(156 163 175); border-bottom-color: rgb(156 163 175); |
| border-y-gray-500 | border-top-color: rgb(107 114 128); border-bottom-color: rgb(107 114 128); |
| border-y-gray-600 | border-top-color: rgb(75 85 99); border-bottom-color: rgb(75 85 99); |
| border-y-gray-700 | border-top-color: rgb(55 65 81); border-bottom-color: rgb(55 65 81); |
| border-y-gray-800 | border-top-color: rgb(31 41 55); border-bottom-color: rgb(31 41 55); |
| border-y-gray-900 | border-top-color: rgb(17 24 39); border-bottom-color: rgb(17 24 39); |
| border-y-gray-950 | border-top-color: rgb(3 7 18); border-bottom-color: rgb(3 7 18); |
| border-y-zinc-50 | border-top-color: rgb(250 250 250); border-bottom-color: rgb(250 250 250); |
| border-y-zinc-100 | border-top-color: rgb(244 244 245); border-bottom-color: rgb(244 244 245); |
| border-y-zinc-200 | border-top-color: rgb(228 228 231); border-bottom-color: rgb(228 228 231); |
| border-y-zinc-300 | border-top-color: rgb(212 212 216); border-bottom-color: rgb(212 212 216); |
| border-y-zinc-400 | border-top-color: rgb(161 161 170); border-bottom-color: rgb(161 161 170); |
| border-y-zinc-500 | border-top-color: rgb(113 113 122); border-bottom-color: rgb(113 113 122); |
| border-y-zinc-600 | border-top-color: rgb(82 82 91); border-bottom-color: rgb(82 82 91); |
| border-y-zinc-700 | border-top-color: rgb(63 63 70); border-bottom-color: rgb(63 63 70); |
| border-y-zinc-800 | border-top-color: rgb(39 39 42); border-bottom-color: rgb(39 39 42); |
| border-y-zinc-900 | border-top-color: rgb(24 24 27); border-bottom-color: rgb(24 24 27); |
| border-y-zinc-950 | border-top-color: rgb(9 9 11); border-bottom-color: rgb(9 9 11); |
| border-y-neutral-50 | border-top-color: rgb(250 250 250); border-bottom-color: rgb(250 250 250); |
| border-y-neutral-100 | border-top-color: rgb(245 245 245); border-bottom-color: rgb(245 245 245); |
| border-y-neutral-200 | border-top-color: rgb(229 229 229); border-bottom-color: rgb(229 229 229); |
| border-y-neutral-300 | border-top-color: rgb(212 212 212); border-bottom-color: rgb(212 212 212); |
| border-y-neutral-400 | border-top-color: rgb(163 163 163); border-bottom-color: rgb(163 163 163); |
| border-y-neutral-500 | border-top-color: rgb(115 115 115); border-bottom-color: rgb(115 115 115); |
| border-y-neutral-600 | border-top-color: rgb(82 82 82); border-bottom-color: rgb(82 82 82); |
| border-y-neutral-700 | border-top-color: rgb(64 64 64); border-bottom-color: rgb(64 64 64); |
| border-y-neutral-800 | border-top-color: rgb(38 38 38); border-bottom-color: rgb(38 38 38); |
| border-y-neutral-900 | border-top-color: rgb(23 23 23); border-bottom-color: rgb(23 23 23); |
| border-y-neutral-950 | border-top-color: rgb(10 10 10); border-bottom-color: rgb(10 10 10); |
| border-y-stone-50 | border-top-color: rgb(250 250 249); border-bottom-color: rgb(250 250 249); |
| border-y-stone-100 | border-top-color: rgb(245 245 244); border-bottom-color: rgb(245 245 244); |
| border-y-stone-200 | border-top-color: rgb(231 229 228); border-bottom-color: rgb(231 229 228); |
| border-y-stone-300 | border-top-color: rgb(214 211 209); border-bottom-color: rgb(214 211 209); |
| border-y-stone-400 | border-top-color: rgb(168 162 158); border-bottom-color: rgb(168 162 158); |
| border-y-stone-500 | border-top-color: rgb(120 113 108); border-bottom-color: rgb(120 113 108); |
| border-y-stone-600 | border-top-color: rgb(87 83 78); border-bottom-color: rgb(87 83 78); |
| border-y-stone-700 | border-top-color: rgb(68 64 60); border-bottom-color: rgb(68 64 60); |
| border-y-stone-800 | border-top-color: rgb(41 37 36); border-bottom-color: rgb(41 37 36); |
| border-y-stone-900 | border-top-color: rgb(28 25 23); border-bottom-color: rgb(28 25 23); |
| border-y-stone-950 | border-top-color: rgb(12 10 9); border-bottom-color: rgb(12 10 9); |
| border-y-red-50 | border-top-color: rgb(254 242 242); border-bottom-color: rgb(254 242 242); |
| border-y-red-100 | border-top-color: rgb(254 226 226); border-bottom-color: rgb(254 226 226); |
| border-y-red-200 | border-top-color: rgb(254 202 202); border-bottom-color: rgb(254 202 202); |
| border-y-red-300 | border-top-color: rgb(252 165 165); border-bottom-color: rgb(252 165 165); |
| border-y-red-400 | border-top-color: rgb(248 113 113); border-bottom-color: rgb(248 113 113); |
| border-y-red-500 | border-top-color: rgb(239 68 68); border-bottom-color: rgb(239 68 68); |
| border-y-red-600 | border-top-color: rgb(220 38 38); border-bottom-color: rgb(220 38 38); |
| border-y-red-700 | border-top-color: rgb(185 28 28); border-bottom-color: rgb(185 28 28); |
| border-y-red-800 | border-top-color: rgb(153 27 27); border-bottom-color: rgb(153 27 27); |
| border-y-red-900 | border-top-color: rgb(127 29 29); border-bottom-color: rgb(127 29 29); |
| border-y-red-950 | border-top-color: rgb(69 10 10); border-bottom-color: rgb(69 10 10); |
| border-y-orange-50 | border-top-color: rgb(255 247 237); border-bottom-color: rgb(255 247 237); |
| border-y-orange-100 | border-top-color: rgb(255 237 213); border-bottom-color: rgb(255 237 213); |
| border-y-orange-200 | border-top-color: rgb(254 215 170); border-bottom-color: rgb(254 215 170); |
| border-y-orange-300 | border-top-color: rgb(253 186 116); border-bottom-color: rgb(253 186 116); |
| border-y-orange-400 | border-top-color: rgb(251 146 60); border-bottom-color: rgb(251 146 60); |
| border-y-orange-500 | border-top-color: rgb(249 115 22); border-bottom-color: rgb(249 115 22); |
| border-y-orange-600 | border-top-color: rgb(234 88 12); border-bottom-color: rgb(234 88 12); |
| border-y-orange-700 | border-top-color: rgb(194 65 12); border-bottom-color: rgb(194 65 12); |
| border-y-orange-800 | border-top-color: rgb(154 52 18); border-bottom-color: rgb(154 52 18); |
| border-y-orange-900 | border-top-color: rgb(124 45 18); border-bottom-color: rgb(124 45 18); |
| border-y-orange-950 | border-top-color: rgb(67 20 7); border-bottom-color: rgb(67 20 7); |
| border-y-amber-50 | border-top-color: rgb(255 251 235); border-bottom-color: rgb(255 251 235); |
| border-y-amber-100 | border-top-color: rgb(254 243 199); border-bottom-color: rgb(254 243 199); |
| border-y-amber-200 | border-top-color: rgb(253 230 138); border-bottom-color: rgb(253 230 138); |
| border-y-amber-300 | border-top-color: rgb(252 211 77); border-bottom-color: rgb(252 211 77); |
| border-y-amber-400 | border-top-color: rgb(251 191 36); border-bottom-color: rgb(251 191 36); |
| border-y-amber-500 | border-top-color: rgb(245 158 11); border-bottom-color: rgb(245 158 11); |
| border-y-amber-600 | border-top-color: rgb(217 119 6); border-bottom-color: rgb(217 119 6); |
| border-y-amber-700 | border-top-color: rgb(180 83 9); border-bottom-color: rgb(180 83 9); |
| border-y-amber-800 | border-top-color: rgb(146 64 14); border-bottom-color: rgb(146 64 14); |
| border-y-amber-900 | border-top-color: rgb(120 53 15); border-bottom-color: rgb(120 53 15); |
| border-y-amber-950 | border-top-color: rgb(69 26 3); border-bottom-color: rgb(69 26 3); |
| border-y-yellow-50 | border-top-color: rgb(254 252 232); border-bottom-color: rgb(254 252 232); |
| border-y-yellow-100 | border-top-color: rgb(254 249 195); border-bottom-color: rgb(254 249 195); |
| border-y-yellow-200 | border-top-color: rgb(254 240 138); border-bottom-color: rgb(254 240 138); |
| border-y-yellow-300 | border-top-color: rgb(253 224 71); border-bottom-color: rgb(253 224 71); |
| border-y-yellow-400 | border-top-color: rgb(250 204 21); border-bottom-color: rgb(250 204 21); |
| border-y-yellow-500 | border-top-color: rgb(234 179 8); border-bottom-color: rgb(234 179 8); |
| border-y-yellow-600 | border-top-color: rgb(202 138 4); border-bottom-color: rgb(202 138 4); |
| border-y-yellow-700 | border-top-color: rgb(161 98 7); border-bottom-color: rgb(161 98 7); |
| border-y-yellow-800 | border-top-color: rgb(133 77 14); border-bottom-color: rgb(133 77 14); |
| border-y-yellow-900 | border-top-color: rgb(113 63 18); border-bottom-color: rgb(113 63 18); |
| border-y-yellow-950 | border-top-color: rgb(66 32 6); border-bottom-color: rgb(66 32 6); |
| border-y-lime-50 | border-top-color: rgb(247 254 231); border-bottom-color: rgb(247 254 231); |
| border-y-lime-100 | border-top-color: rgb(236 252 203); border-bottom-color: rgb(236 252 203); |
| border-y-lime-200 | border-top-color: rgb(217 249 157); border-bottom-color: rgb(217 249 157); |
| border-y-lime-300 | border-top-color: rgb(190 242 100); border-bottom-color: rgb(190 242 100); |
| border-y-lime-400 | border-top-color: rgb(163 230 53); border-bottom-color: rgb(163 230 53); |
| border-y-lime-500 | border-top-color: rgb(132 204 22); border-bottom-color: rgb(132 204 22); |
| border-y-lime-600 | border-top-color: rgb(101 163 13); border-bottom-color: rgb(101 163 13); |
| border-y-lime-700 | border-top-color: rgb(77 124 15); border-bottom-color: rgb(77 124 15); |
| border-y-lime-800 | border-top-color: rgb(63 98 18); border-bottom-color: rgb(63 98 18); |
| border-y-lime-900 | border-top-color: rgb(54 83 20); border-bottom-color: rgb(54 83 20); |
| border-y-lime-950 | border-top-color: rgb(26 46 5); border-bottom-color: rgb(26 46 5); |
| border-y-green-50 | border-top-color: rgb(240 253 244); border-bottom-color: rgb(240 253 244); |
| border-y-green-100 | border-top-color: rgb(220 252 231); border-bottom-color: rgb(220 252 231); |
| border-y-green-200 | border-top-color: rgb(187 247 208); border-bottom-color: rgb(187 247 208); |
| border-y-green-300 | border-top-color: rgb(134 239 172); border-bottom-color: rgb(134 239 172); |
| border-y-green-400 | border-top-color: rgb(74 222 128); border-bottom-color: rgb(74 222 128); |
| border-y-green-500 | border-top-color: rgb(34 197 94); border-bottom-color: rgb(34 197 94); |
| border-y-green-600 | border-top-color: rgb(22 163 74); border-bottom-color: rgb(22 163 74); |
| border-y-green-700 | border-top-color: rgb(21 128 61); border-bottom-color: rgb(21 128 61); |
| border-y-green-800 | border-top-color: rgb(22 101 52); border-bottom-color: rgb(22 101 52); |
| border-y-green-900 | border-top-color: rgb(20 83 45); border-bottom-color: rgb(20 83 45); |
| border-y-green-950 | border-top-color: rgb(5 46 22); border-bottom-color: rgb(5 46 22); |
| border-y-emerald-50 | border-top-color: rgb(236 253 245); border-bottom-color: rgb(236 253 245); |
| border-y-emerald-100 | border-top-color: rgb(209 250 229); border-bottom-color: rgb(209 250 229); |
| border-y-emerald-200 | border-top-color: rgb(167 243 208); border-bottom-color: rgb(167 243 208); |
| border-y-emerald-300 | border-top-color: rgb(110 231 183); border-bottom-color: rgb(110 231 183); |
| border-y-emerald-400 | border-top-color: rgb(52 211 153); border-bottom-color: rgb(52 211 153); |
| border-y-emerald-500 | border-top-color: rgb(16 185 129); border-bottom-color: rgb(16 185 129); |
| border-y-emerald-600 | border-top-color: rgb(5 150 105); border-bottom-color: rgb(5 150 105); |
| border-y-emerald-700 | border-top-color: rgb(4 120 87); border-bottom-color: rgb(4 120 87); |
| border-y-emerald-800 | border-top-color: rgb(6 95 70); border-bottom-color: rgb(6 95 70); |
| border-y-emerald-900 | border-top-color: rgb(6 78 59); border-bottom-color: rgb(6 78 59); |
| border-y-emerald-950 | border-top-color: rgb(2 44 34); border-bottom-color: rgb(2 44 34); |
| border-y-teal-50 | border-top-color: rgb(240 253 250); border-bottom-color: rgb(240 253 250); |
| border-y-teal-100 | border-top-color: rgb(204 251 241); border-bottom-color: rgb(204 251 241); |
| border-y-teal-200 | border-top-color: rgb(153 246 228); border-bottom-color: rgb(153 246 228); |
| border-y-teal-300 | border-top-color: rgb(94 234 212); border-bottom-color: rgb(94 234 212); |
| border-y-teal-400 | border-top-color: rgb(45 212 191); border-bottom-color: rgb(45 212 191); |
| border-y-teal-500 | border-top-color: rgb(20 184 166); border-bottom-color: rgb(20 184 166); |
| border-y-teal-600 | border-top-color: rgb(13 148 136); border-bottom-color: rgb(13 148 136); |
| border-y-teal-700 | border-top-color: rgb(15 118 110); border-bottom-color: rgb(15 118 110); |
| border-y-teal-800 | border-top-color: rgb(17 94 89); border-bottom-color: rgb(17 94 89); |
| border-y-teal-900 | border-top-color: rgb(19 78 74); border-bottom-color: rgb(19 78 74); |
| border-y-teal-950 | border-top-color: rgb(4 47 46); border-bottom-color: rgb(4 47 46); |
| border-y-cyan-50 | border-top-color: rgb(236 254 255); border-bottom-color: rgb(236 254 255); |
| border-y-cyan-100 | border-top-color: rgb(207 250 254); border-bottom-color: rgb(207 250 254); |
| border-y-cyan-200 | border-top-color: rgb(165 243 252); border-bottom-color: rgb(165 243 252); |
| border-y-cyan-300 | border-top-color: rgb(103 232 249); border-bottom-color: rgb(103 232 249); |
| border-y-cyan-400 | border-top-color: rgb(34 211 238); border-bottom-color: rgb(34 211 238); |
| border-y-cyan-500 | border-top-color: rgb(6 182 212); border-bottom-color: rgb(6 182 212); |
| border-y-cyan-600 | border-top-color: rgb(8 145 178); border-bottom-color: rgb(8 145 178); |
| border-y-cyan-700 | border-top-color: rgb(14 116 144); border-bottom-color: rgb(14 116 144); |
| border-y-cyan-800 | border-top-color: rgb(21 94 117); border-bottom-color: rgb(21 94 117); |
| border-y-cyan-900 | border-top-color: rgb(22 78 99); border-bottom-color: rgb(22 78 99); |
| border-y-cyan-950 | border-top-color: rgb(8 51 68); border-bottom-color: rgb(8 51 68); |
| border-y-sky-50 | border-top-color: rgb(240 249 255); border-bottom-color: rgb(240 249 255); |
| border-y-sky-100 | border-top-color: rgb(224 242 254); border-bottom-color: rgb(224 242 254); |
| border-y-sky-200 | border-top-color: rgb(186 230 253); border-bottom-color: rgb(186 230 253); |
| border-y-sky-300 | border-top-color: rgb(125 211 252); border-bottom-color: rgb(125 211 252); |
| border-y-sky-400 | border-top-color: rgb(56 189 248); border-bottom-color: rgb(56 189 248); |
| border-y-sky-500 | border-top-color: rgb(14 165 233); border-bottom-color: rgb(14 165 233); |
| border-y-sky-600 | border-top-color: rgb(2 132 199); border-bottom-color: rgb(2 132 199); |
| border-y-sky-700 | border-top-color: rgb(3 105 161); border-bottom-color: rgb(3 105 161); |
| border-y-sky-800 | border-top-color: rgb(7 89 133); border-bottom-color: rgb(7 89 133); |
| border-y-sky-900 | border-top-color: rgb(12 74 110); border-bottom-color: rgb(12 74 110); |
| border-y-sky-950 | border-top-color: rgb(8 47 73); border-bottom-color: rgb(8 47 73); |
| border-y-blue-50 | border-top-color: rgb(239 246 255); border-bottom-color: rgb(239 246 255); |
| border-y-blue-100 | border-top-color: rgb(219 234 254); border-bottom-color: rgb(219 234 254); |
| border-y-blue-200 | border-top-color: rgb(191 219 254); border-bottom-color: rgb(191 219 254); |
| border-y-blue-300 | border-top-color: rgb(147 197 253); border-bottom-color: rgb(147 197 253); |
| border-y-blue-400 | border-top-color: rgb(96 165 250); border-bottom-color: rgb(96 165 250); |
| border-y-blue-500 | border-top-color: rgb(59 130 246); border-bottom-color: rgb(59 130 246); |
| border-y-blue-600 | border-top-color: rgb(37 99 235); border-bottom-color: rgb(37 99 235); |
| border-y-blue-700 | border-top-color: rgb(29 78 216); border-bottom-color: rgb(29 78 216); |
| border-y-blue-800 | border-top-color: rgb(30 64 175); border-bottom-color: rgb(30 64 175); |
| border-y-blue-900 | border-top-color: rgb(30 58 138); border-bottom-color: rgb(30 58 138); |
| border-y-blue-950 | border-top-color: rgb(23 37 84); border-bottom-color: rgb(23 37 84); |
| border-y-indigo-50 | border-top-color: rgb(238 242 255); border-bottom-color: rgb(238 242 255); |
| border-y-indigo-100 | border-top-color: rgb(224 231 255); border-bottom-color: rgb(224 231 255); |
| border-y-indigo-200 | border-top-color: rgb(199 210 254); border-bottom-color: rgb(199 210 254); |
| border-y-indigo-300 | border-top-color: rgb(165 180 252); border-bottom-color: rgb(165 180 252); |
| border-y-indigo-400 | border-top-color: rgb(129 140 248); border-bottom-color: rgb(129 140 248); |
| border-y-indigo-500 | border-top-color: rgb(99 102 241); border-bottom-color: rgb(99 102 241); |
| border-y-indigo-600 | border-top-color: rgb(79 70 229); border-bottom-color: rgb(79 70 229); |
| border-y-indigo-700 | border-top-color: rgb(67 56 202); border-bottom-color: rgb(67 56 202); |
| border-y-indigo-800 | border-top-color: rgb(55 48 163); border-bottom-color: rgb(55 48 163); |
| border-y-indigo-900 | border-top-color: rgb(49 46 129); border-bottom-color: rgb(49 46 129); |
| border-y-indigo-950 | border-top-color: rgb(30 27 75); border-bottom-color: rgb(30 27 75); |
| border-y-violet-50 | border-top-color: rgb(245 243 255); border-bottom-color: rgb(245 243 255); |
| border-y-violet-100 | border-top-color: rgb(237 233 254); border-bottom-color: rgb(237 233 254); |
| border-y-violet-200 | border-top-color: rgb(221 214 254); border-bottom-color: rgb(221 214 254); |
| border-y-violet-300 | border-top-color: rgb(196 181 253); border-bottom-color: rgb(196 181 253); |
| border-y-violet-400 | border-top-color: rgb(167 139 250); border-bottom-color: rgb(167 139 250); |
| border-y-violet-500 | border-top-color: rgb(139 92 246); border-bottom-color: rgb(139 92 246); |
| border-y-violet-600 | border-top-color: rgb(124 58 237); border-bottom-color: rgb(124 58 237); |
| border-y-violet-700 | border-top-color: rgb(109 40 217); border-bottom-color: rgb(109 40 217); |
| border-y-violet-800 | border-top-color: rgb(91 33 182); border-bottom-color: rgb(91 33 182); |
| border-y-violet-900 | border-top-color: rgb(76 29 149); border-bottom-color: rgb(76 29 149); |
| border-y-violet-950 | border-top-color: rgb(46 16 101); border-bottom-color: rgb(46 16 101); |
| border-y-purple-50 | border-top-color: rgb(250 245 255); border-bottom-color: rgb(250 245 255); |
| border-y-purple-100 | border-top-color: rgb(243 232 255); border-bottom-color: rgb(243 232 255); |
| border-y-purple-200 | border-top-color: rgb(233 213 255); border-bottom-color: rgb(233 213 255); |
| border-y-purple-300 | border-top-color: rgb(216 180 254); border-bottom-color: rgb(216 180 254); |
| border-y-purple-400 | border-top-color: rgb(192 132 252); border-bottom-color: rgb(192 132 252); |
| border-y-purple-500 | border-top-color: rgb(168 85 247); border-bottom-color: rgb(168 85 247); |
| border-y-purple-600 | border-top-color: rgb(147 51 234); border-bottom-color: rgb(147 51 234); |
| border-y-purple-700 | border-top-color: rgb(126 34 206); border-bottom-color: rgb(126 34 206); |
| border-y-purple-800 | border-top-color: rgb(107 33 168); border-bottom-color: rgb(107 33 168); |
| border-y-purple-900 | border-top-color: rgb(88 28 135); border-bottom-color: rgb(88 28 135); |
| border-y-purple-950 | border-top-color: rgb(59 7 100); border-bottom-color: rgb(59 7 100); |
| border-y-fuchsia-50 | border-top-color: rgb(253 244 255); border-bottom-color: rgb(253 244 255); |
| border-y-fuchsia-100 | border-top-color: rgb(250 232 255); border-bottom-color: rgb(250 232 255); |
| border-y-fuchsia-200 | border-top-color: rgb(245 208 254); border-bottom-color: rgb(245 208 254); |
| border-y-fuchsia-300 | border-top-color: rgb(240 171 252); border-bottom-color: rgb(240 171 252); |
| border-y-fuchsia-400 | border-top-color: rgb(232 121 249); border-bottom-color: rgb(232 121 249); |
| border-y-fuchsia-500 | border-top-color: rgb(217 70 239); border-bottom-color: rgb(217 70 239); |
| border-y-fuchsia-600 | border-top-color: rgb(192 38 211); border-bottom-color: rgb(192 38 211); |
| border-y-fuchsia-700 | border-top-color: rgb(162 28 175); border-bottom-color: rgb(162 28 175); |
| border-y-fuchsia-800 | border-top-color: rgb(134 25 143); border-bottom-color: rgb(134 25 143); |
| border-y-fuchsia-900 | border-top-color: rgb(112 26 117); border-bottom-color: rgb(112 26 117); |
| border-y-fuchsia-950 | border-top-color: rgb(74 4 78); border-bottom-color: rgb(74 4 78); |
| border-y-pink-50 | border-top-color: rgb(253 242 248); border-bottom-color: rgb(253 242 248); |
| border-y-pink-100 | border-top-color: rgb(252 231 243); border-bottom-color: rgb(252 231 243); |
| border-y-pink-200 | border-top-color: rgb(251 207 232); border-bottom-color: rgb(251 207 232); |
| border-y-pink-300 | border-top-color: rgb(249 168 212); border-bottom-color: rgb(249 168 212); |
| border-y-pink-400 | border-top-color: rgb(244 114 182); border-bottom-color: rgb(244 114 182); |
| border-y-pink-500 | border-top-color: rgb(236 72 153); border-bottom-color: rgb(236 72 153); |
| border-y-pink-600 | border-top-color: rgb(219 39 119); border-bottom-color: rgb(219 39 119); |
| border-y-pink-700 | border-top-color: rgb(190 24 93); border-bottom-color: rgb(190 24 93); |
| border-y-pink-800 | border-top-color: rgb(157 23 77); border-bottom-color: rgb(157 23 77); |
| border-y-pink-900 | border-top-color: rgb(131 24 67); border-bottom-color: rgb(131 24 67); |
| border-y-pink-950 | border-top-color: rgb(80 7 36); border-bottom-color: rgb(80 7 36); |
| border-y-rose-50 | border-top-color: rgb(255 241 242); border-bottom-color: rgb(255 241 242); |
| border-y-rose-100 | border-top-color: rgb(255 228 230); border-bottom-color: rgb(255 228 230); |
| border-y-rose-200 | border-top-color: rgb(254 205 211); border-bottom-color: rgb(254 205 211); |
| border-y-rose-300 | border-top-color: rgb(253 164 175); border-bottom-color: rgb(253 164 175); |
| border-y-rose-400 | border-top-color: rgb(251 113 133); border-bottom-color: rgb(251 113 133); |
| border-y-rose-500 | border-top-color: rgb(244 63 94); border-bottom-color: rgb(244 63 94); |
| border-y-rose-600 | border-top-color: rgb(225 29 72); border-bottom-color: rgb(225 29 72); |
| border-y-rose-700 | border-top-color: rgb(190 18 60); border-bottom-color: rgb(190 18 60); |
| border-y-rose-800 | border-top-color: rgb(159 18 57); border-bottom-color: rgb(159 18 57); |
| border-y-rose-900 | border-top-color: rgb(136 19 55); border-bottom-color: rgb(136 19 55); |
| border-y-rose-950 | border-top-color: rgb(76 5 25); border-bottom-color: rgb(76 5 25); |
| border-s-inherit | border-inline-start-color: inherit; |
| border-s-current | border-inline-start-color: currentColor; |
| border-s-transparent | border-inline-start-color: transparent; |
| border-s-black | border-inline-start-color: rgb(0 0 0); |
| border-s-white | border-inline-start-color: rgb(255 255 255); |
| border-s-slate-50 | border-inline-start-color: rgb(248 250 252); |
| border-s-slate-100 | border-inline-start-color: rgb(241 245 249); |
| border-s-slate-200 | border-inline-start-color: rgb(226 232 240); |
| border-s-slate-300 | border-inline-start-color: rgb(203 213 225); |
| border-s-slate-400 | border-inline-start-color: rgb(148 163 184); |
| border-s-slate-500 | border-inline-start-color: rgb(100 116 139); |
| border-s-slate-600 | border-inline-start-color: rgb(71 85 105); |
| border-s-slate-700 | border-inline-start-color: rgb(51 65 85); |
| border-s-slate-800 | border-inline-start-color: rgb(30 41 59); |
| border-s-slate-900 | border-inline-start-color: rgb(15 23 42); |
| border-s-slate-950 | border-inline-start-color: rgb(2 6 23); |
| border-s-gray-50 | border-inline-start-color: rgb(249 250 251); |
| border-s-gray-100 | border-inline-start-color: rgb(243 244 246); |
| border-s-gray-200 | border-inline-start-color: rgb(229 231 235); |
| border-s-gray-300 | border-inline-start-color: rgb(209 213 219); |
| border-s-gray-400 | border-inline-start-color: rgb(156 163 175); |
| border-s-gray-500 | border-inline-start-color: rgb(107 114 128); |
| border-s-gray-600 | border-inline-start-color: rgb(75 85 99); |
| border-s-gray-700 | border-inline-start-color: rgb(55 65 81); |
| border-s-gray-800 | border-inline-start-color: rgb(31 41 55); |
| border-s-gray-900 | border-inline-start-color: rgb(17 24 39); |
| border-s-gray-950 | border-inline-start-color: rgb(3 7 18); |
| border-s-zinc-50 | border-inline-start-color: rgb(250 250 250); |
| border-s-zinc-100 | border-inline-start-color: rgb(244 244 245); |
| border-s-zinc-200 | border-inline-start-color: rgb(228 228 231); |
| border-s-zinc-300 | border-inline-start-color: rgb(212 212 216); |
| border-s-zinc-400 | border-inline-start-color: rgb(161 161 170); |
| border-s-zinc-500 | border-inline-start-color: rgb(113 113 122); |
| border-s-zinc-600 | border-inline-start-color: rgb(82 82 91); |
| border-s-zinc-700 | border-inline-start-color: rgb(63 63 70); |
| border-s-zinc-800 | border-inline-start-color: rgb(39 39 42); |
| border-s-zinc-900 | border-inline-start-color: rgb(24 24 27); |
| border-s-zinc-950 | border-inline-start-color: rgb(9 9 11); |
| border-s-neutral-50 | border-inline-start-color: rgb(250 250 250); |
| border-s-neutral-100 | border-inline-start-color: rgb(245 245 245); |
| border-s-neutral-200 | border-inline-start-color: rgb(229 229 229); |
| border-s-neutral-300 | border-inline-start-color: rgb(212 212 212); |
| border-s-neutral-400 | border-inline-start-color: rgb(163 163 163); |
| border-s-neutral-500 | border-inline-start-color: rgb(115 115 115); |
| border-s-neutral-600 | border-inline-start-color: rgb(82 82 82); |
| border-s-neutral-700 | border-inline-start-color: rgb(64 64 64); |
| border-s-neutral-800 | border-inline-start-color: rgb(38 38 38); |
| border-s-neutral-900 | border-inline-start-color: rgb(23 23 23); |
| border-s-neutral-950 | border-inline-start-color: rgb(10 10 10); |
| border-s-stone-50 | border-inline-start-color: rgb(250 250 249); |
| border-s-stone-100 | border-inline-start-color: rgb(245 245 244); |
| border-s-stone-200 | border-inline-start-color: rgb(231 229 228); |
| border-s-stone-300 | border-inline-start-color: rgb(214 211 209); |
| border-s-stone-400 | border-inline-start-color: rgb(168 162 158); |
| border-s-stone-500 | border-inline-start-color: rgb(120 113 108); |
| border-s-stone-600 | border-inline-start-color: rgb(87 83 78); |
| border-s-stone-700 | border-inline-start-color: rgb(68 64 60); |
| border-s-stone-800 | border-inline-start-color: rgb(41 37 36); |
| border-s-stone-900 | border-inline-start-color: rgb(28 25 23); |
| border-s-stone-950 | border-inline-start-color: rgb(12 10 9); |
| border-s-red-50 | border-inline-start-color: rgb(254 242 242); |
| border-s-red-100 | border-inline-start-color: rgb(254 226 226); |
| border-s-red-200 | border-inline-start-color: rgb(254 202 202); |
| border-s-red-300 | border-inline-start-color: rgb(252 165 165); |
| border-s-red-400 | border-inline-start-color: rgb(248 113 113); |
| border-s-red-500 | border-inline-start-color: rgb(239 68 68); |
| border-s-red-600 | border-inline-start-color: rgb(220 38 38); |
| border-s-red-700 | border-inline-start-color: rgb(185 28 28); |
| border-s-red-800 | border-inline-start-color: rgb(153 27 27); |
| border-s-red-900 | border-inline-start-color: rgb(127 29 29); |
| border-s-red-950 | border-inline-start-color: rgb(69 10 10); |
| border-s-orange-50 | border-inline-start-color: rgb(255 247 237); |
| border-s-orange-100 | border-inline-start-color: rgb(255 237 213); |
| border-s-orange-200 | border-inline-start-color: rgb(254 215 170); |
| border-s-orange-300 | border-inline-start-color: rgb(253 186 116); |
| border-s-orange-400 | border-inline-start-color: rgb(251 146 60); |
| border-s-orange-500 | border-inline-start-color: rgb(249 115 22); |
| border-s-orange-600 | border-inline-start-color: rgb(234 88 12); |
| border-s-orange-700 | border-inline-start-color: rgb(194 65 12); |
| border-s-orange-800 | border-inline-start-color: rgb(154 52 18); |
| border-s-orange-900 | border-inline-start-color: rgb(124 45 18); |
| border-s-orange-950 | border-inline-start-color: rgb(67 20 7); |
| border-s-amber-50 | border-inline-start-color: rgb(255 251 235); |
| border-s-amber-100 | border-inline-start-color: rgb(254 243 199); |
| border-s-amber-200 | border-inline-start-color: rgb(253 230 138); |
| border-s-amber-300 | border-inline-start-color: rgb(252 211 77); |
| border-s-amber-400 | border-inline-start-color: rgb(251 191 36); |
| border-s-amber-500 | border-inline-start-color: rgb(245 158 11); |
| border-s-amber-600 | border-inline-start-color: rgb(217 119 6); |
| border-s-amber-700 | border-inline-start-color: rgb(180 83 9); |
| border-s-amber-800 | border-inline-start-color: rgb(146 64 14); |
| border-s-amber-900 | border-inline-start-color: rgb(120 53 15); |
| border-s-amber-950 | border-inline-start-color: rgb(69 26 3); |
| border-s-yellow-50 | border-inline-start-color: rgb(254 252 232); |
| border-s-yellow-100 | border-inline-start-color: rgb(254 249 195); |
| border-s-yellow-200 | border-inline-start-color: rgb(254 240 138); |
| border-s-yellow-300 | border-inline-start-color: rgb(253 224 71); |
| border-s-yellow-400 | border-inline-start-color: rgb(250 204 21); |
| border-s-yellow-500 | border-inline-start-color: rgb(234 179 8); |
| border-s-yellow-600 | border-inline-start-color: rgb(202 138 4); |
| border-s-yellow-700 | border-inline-start-color: rgb(161 98 7); |
| border-s-yellow-800 | border-inline-start-color: rgb(133 77 14); |
| border-s-yellow-900 | border-inline-start-color: rgb(113 63 18); |
| border-s-yellow-950 | border-inline-start-color: rgb(66 32 6); |
| border-s-lime-50 | border-inline-start-color: rgb(247 254 231); |
| border-s-lime-100 | border-inline-start-color: rgb(236 252 203); |
| border-s-lime-200 | border-inline-start-color: rgb(217 249 157); |
| border-s-lime-300 | border-inline-start-color: rgb(190 242 100); |
| border-s-lime-400 | border-inline-start-color: rgb(163 230 53); |
| border-s-lime-500 | border-inline-start-color: rgb(132 204 22); |
| border-s-lime-600 | border-inline-start-color: rgb(101 163 13); |
| border-s-lime-700 | border-inline-start-color: rgb(77 124 15); |
| border-s-lime-800 | border-inline-start-color: rgb(63 98 18); |
| border-s-lime-900 | border-inline-start-color: rgb(54 83 20); |
| border-s-lime-950 | border-inline-start-color: rgb(26 46 5); |
| border-s-green-50 | border-inline-start-color: rgb(240 253 244); |
| border-s-green-100 | border-inline-start-color: rgb(220 252 231); |
| border-s-green-200 | border-inline-start-color: rgb(187 247 208); |
| border-s-green-300 | border-inline-start-color: rgb(134 239 172); |
| border-s-green-400 | border-inline-start-color: rgb(74 222 128); |
| border-s-green-500 | border-inline-start-color: rgb(34 197 94); |
| border-s-green-600 | border-inline-start-color: rgb(22 163 74); |
| border-s-green-700 | border-inline-start-color: rgb(21 128 61); |
| border-s-green-800 | border-inline-start-color: rgb(22 101 52); |
| border-s-green-900 | border-inline-start-color: rgb(20 83 45); |
| border-s-green-950 | border-inline-start-color: rgb(5 46 22); |
| border-s-emerald-50 | border-inline-start-color: rgb(236 253 245); |
| border-s-emerald-100 | border-inline-start-color: rgb(209 250 229); |
| border-s-emerald-200 | border-inline-start-color: rgb(167 243 208); |
| border-s-emerald-300 | border-inline-start-color: rgb(110 231 183); |
| border-s-emerald-400 | border-inline-start-color: rgb(52 211 153); |
| border-s-emerald-500 | border-inline-start-color: rgb(16 185 129); |
| border-s-emerald-600 | border-inline-start-color: rgb(5 150 105); |
| border-s-emerald-700 | border-inline-start-color: rgb(4 120 87); |
| border-s-emerald-800 | border-inline-start-color: rgb(6 95 70); |
| border-s-emerald-900 | border-inline-start-color: rgb(6 78 59); |
| border-s-emerald-950 | border-inline-start-color: rgb(2 44 34); |
| border-s-teal-50 | border-inline-start-color: rgb(240 253 250); |
| border-s-teal-100 | border-inline-start-color: rgb(204 251 241); |
| border-s-teal-200 | border-inline-start-color: rgb(153 246 228); |
| border-s-teal-300 | border-inline-start-color: rgb(94 234 212); |
| border-s-teal-400 | border-inline-start-color: rgb(45 212 191); |
| border-s-teal-500 | border-inline-start-color: rgb(20 184 166); |
| border-s-teal-600 | border-inline-start-color: rgb(13 148 136); |
| border-s-teal-700 | border-inline-start-color: rgb(15 118 110); |
| border-s-teal-800 | border-inline-start-color: rgb(17 94 89); |
| border-s-teal-900 | border-inline-start-color: rgb(19 78 74); |
| border-s-teal-950 | border-inline-start-color: rgb(4 47 46); |
| border-s-cyan-50 | border-inline-start-color: rgb(236 254 255); |
| border-s-cyan-100 | border-inline-start-color: rgb(207 250 254); |
| border-s-cyan-200 | border-inline-start-color: rgb(165 243 252); |
| border-s-cyan-300 | border-inline-start-color: rgb(103 232 249); |
| border-s-cyan-400 | border-inline-start-color: rgb(34 211 238); |
| border-s-cyan-500 | border-inline-start-color: rgb(6 182 212); |
| border-s-cyan-600 | border-inline-start-color: rgb(8 145 178); |
| border-s-cyan-700 | border-inline-start-color: rgb(14 116 144); |
| border-s-cyan-800 | border-inline-start-color: rgb(21 94 117); |
| border-s-cyan-900 | border-inline-start-color: rgb(22 78 99); |
| border-s-cyan-950 | border-inline-start-color: rgb(8 51 68); |
| border-s-sky-50 | border-inline-start-color: rgb(240 249 255); |
| border-s-sky-100 | border-inline-start-color: rgb(224 242 254); |
| border-s-sky-200 | border-inline-start-color: rgb(186 230 253); |
| border-s-sky-300 | border-inline-start-color: rgb(125 211 252); |
| border-s-sky-400 | border-inline-start-color: rgb(56 189 248); |
| border-s-sky-500 | border-inline-start-color: rgb(14 165 233); |
| border-s-sky-600 | border-inline-start-color: rgb(2 132 199); |
| border-s-sky-700 | border-inline-start-color: rgb(3 105 161); |
| border-s-sky-800 | border-inline-start-color: rgb(7 89 133); |
| border-s-sky-900 | border-inline-start-color: rgb(12 74 110); |
| border-s-sky-950 | border-inline-start-color: rgb(8 47 73); |
| border-s-blue-50 | border-inline-start-color: rgb(239 246 255); |
| border-s-blue-100 | border-inline-start-color: rgb(219 234 254); |
| border-s-blue-200 | border-inline-start-color: rgb(191 219 254); |
| border-s-blue-300 | border-inline-start-color: rgb(147 197 253); |
| border-s-blue-400 | border-inline-start-color: rgb(96 165 250); |
| border-s-blue-500 | border-inline-start-color: rgb(59 130 246); |
| border-s-blue-600 | border-inline-start-color: rgb(37 99 235); |
| border-s-blue-700 | border-inline-start-color: rgb(29 78 216); |
| border-s-blue-800 | border-inline-start-color: rgb(30 64 175); |
| border-s-blue-900 | border-inline-start-color: rgb(30 58 138); |
| border-s-blue-950 | border-inline-start-color: rgb(23 37 84); |
| border-s-indigo-50 | border-inline-start-color: rgb(238 242 255); |
| border-s-indigo-100 | border-inline-start-color: rgb(224 231 255); |
| border-s-indigo-200 | border-inline-start-color: rgb(199 210 254); |
| border-s-indigo-300 | border-inline-start-color: rgb(165 180 252); |
| border-s-indigo-400 | border-inline-start-color: rgb(129 140 248); |
| border-s-indigo-500 | border-inline-start-color: rgb(99 102 241); |
| border-s-indigo-600 | border-inline-start-color: rgb(79 70 229); |
| border-s-indigo-700 | border-inline-start-color: rgb(67 56 202); |
| border-s-indigo-800 | border-inline-start-color: rgb(55 48 163); |
| border-s-indigo-900 | border-inline-start-color: rgb(49 46 129); |
| border-s-indigo-950 | border-inline-start-color: rgb(30 27 75); |
| border-s-violet-50 | border-inline-start-color: rgb(245 243 255); |
| border-s-violet-100 | border-inline-start-color: rgb(237 233 254); |
| border-s-violet-200 | border-inline-start-color: rgb(221 214 254); |
| border-s-violet-300 | border-inline-start-color: rgb(196 181 253); |
| border-s-violet-400 | border-inline-start-color: rgb(167 139 250); |
| border-s-violet-500 | border-inline-start-color: rgb(139 92 246); |
| border-s-violet-600 | border-inline-start-color: rgb(124 58 237); |
| border-s-violet-700 | border-inline-start-color: rgb(109 40 217); |
| border-s-violet-800 | border-inline-start-color: rgb(91 33 182); |
| border-s-violet-900 | border-inline-start-color: rgb(76 29 149); |
| border-s-violet-950 | border-inline-start-color: rgb(46 16 101); |
| border-s-purple-50 | border-inline-start-color: rgb(250 245 255); |
| border-s-purple-100 | border-inline-start-color: rgb(243 232 255); |
| border-s-purple-200 | border-inline-start-color: rgb(233 213 255); |
| border-s-purple-300 | border-inline-start-color: rgb(216 180 254); |
| border-s-purple-400 | border-inline-start-color: rgb(192 132 252); |
| border-s-purple-500 | border-inline-start-color: rgb(168 85 247); |
| border-s-purple-600 | border-inline-start-color: rgb(147 51 234); |
| border-s-purple-700 | border-inline-start-color: rgb(126 34 206); |
| border-s-purple-800 | border-inline-start-color: rgb(107 33 168); |
| border-s-purple-900 | border-inline-start-color: rgb(88 28 135); |
| border-s-purple-950 | border-inline-start-color: rgb(59 7 100); |
| border-s-fuchsia-50 | border-inline-start-color: rgb(253 244 255); |
| border-s-fuchsia-100 | border-inline-start-color: rgb(250 232 255); |
| border-s-fuchsia-200 | border-inline-start-color: rgb(245 208 254); |
| border-s-fuchsia-300 | border-inline-start-color: rgb(240 171 252); |
| border-s-fuchsia-400 | border-inline-start-color: rgb(232 121 249); |
| border-s-fuchsia-500 | border-inline-start-color: rgb(217 70 239); |
| border-s-fuchsia-600 | border-inline-start-color: rgb(192 38 211); |
| border-s-fuchsia-700 | border-inline-start-color: rgb(162 28 175); |
| border-s-fuchsia-800 | border-inline-start-color: rgb(134 25 143); |
| border-s-fuchsia-900 | border-inline-start-color: rgb(112 26 117); |
| border-s-fuchsia-950 | border-inline-start-color: rgb(74 4 78); |
| border-s-pink-50 | border-inline-start-color: rgb(253 242 248); |
| border-s-pink-100 | border-inline-start-color: rgb(252 231 243); |
| border-s-pink-200 | border-inline-start-color: rgb(251 207 232); |
| border-s-pink-300 | border-inline-start-color: rgb(249 168 212); |
| border-s-pink-400 | border-inline-start-color: rgb(244 114 182); |
| border-s-pink-500 | border-inline-start-color: rgb(236 72 153); |
| border-s-pink-600 | border-inline-start-color: rgb(219 39 119); |
| border-s-pink-700 | border-inline-start-color: rgb(190 24 93); |
| border-s-pink-800 | border-inline-start-color: rgb(157 23 77); |
| border-s-pink-900 | border-inline-start-color: rgb(131 24 67); |
| border-s-pink-950 | border-inline-start-color: rgb(80 7 36); |
| border-s-rose-50 | border-inline-start-color: rgb(255 241 242); |
| border-s-rose-100 | border-inline-start-color: rgb(255 228 230); |
| border-s-rose-200 | border-inline-start-color: rgb(254 205 211); |
| border-s-rose-300 | border-inline-start-color: rgb(253 164 175); |
| border-s-rose-400 | border-inline-start-color: rgb(251 113 133); |
| border-s-rose-500 | border-inline-start-color: rgb(244 63 94); |
| border-s-rose-600 | border-inline-start-color: rgb(225 29 72); |
| border-s-rose-700 | border-inline-start-color: rgb(190 18 60); |
| border-s-rose-800 | border-inline-start-color: rgb(159 18 57); |
| border-s-rose-900 | border-inline-start-color: rgb(136 19 55); |
| border-s-rose-950 | border-inline-start-color: rgb(76 5 25); |
| border-e-inherit | border-inline-end-color: inherit; |
| border-e-current | border-inline-end-color: currentColor; |
| border-e-transparent | border-inline-end-color: transparent; |
| border-e-black | border-inline-end-color: rgb(0 0 0); |
| border-e-white | border-inline-end-color: rgb(255 255 255); |
| border-e-slate-50 | border-inline-end-color: rgb(248 250 252); |
| border-e-slate-100 | border-inline-end-color: rgb(241 245 249); |
| border-e-slate-200 | border-inline-end-color: rgb(226 232 240); |
| border-e-slate-300 | border-inline-end-color: rgb(203 213 225); |
| border-e-slate-400 | border-inline-end-color: rgb(148 163 184); |
| border-e-slate-500 | border-inline-end-color: rgb(100 116 139); |
| border-e-slate-600 | border-inline-end-color: rgb(71 85 105); |
| border-e-slate-700 | border-inline-end-color: rgb(51 65 85); |
| border-e-slate-800 | border-inline-end-color: rgb(30 41 59); |
| border-e-slate-900 | border-inline-end-color: rgb(15 23 42); |
| border-e-slate-950 | border-inline-end-color: rgb(2 6 23); |
| border-e-gray-50 | border-inline-end-color: rgb(249 250 251); |
| border-e-gray-100 | border-inline-end-color: rgb(243 244 246); |
| border-e-gray-200 | border-inline-end-color: rgb(229 231 235); |
| border-e-gray-300 | border-inline-end-color: rgb(209 213 219); |
| border-e-gray-400 | border-inline-end-color: rgb(156 163 175); |
| border-e-gray-500 | border-inline-end-color: rgb(107 114 128); |
| border-e-gray-600 | border-inline-end-color: rgb(75 85 99); |
| border-e-gray-700 | border-inline-end-color: rgb(55 65 81); |
| border-e-gray-800 | border-inline-end-color: rgb(31 41 55); |
| border-e-gray-900 | border-inline-end-color: rgb(17 24 39); |
| border-e-gray-950 | border-inline-end-color: rgb(3 7 18); |
| border-e-zinc-50 | border-inline-end-color: rgb(250 250 250); |
| border-e-zinc-100 | border-inline-end-color: rgb(244 244 245); |
| border-e-zinc-200 | border-inline-end-color: rgb(228 228 231); |
| border-e-zinc-300 | border-inline-end-color: rgb(212 212 216); |
| border-e-zinc-400 | border-inline-end-color: rgb(161 161 170); |
| border-e-zinc-500 | border-inline-end-color: rgb(113 113 122); |
| border-e-zinc-600 | border-inline-end-color: rgb(82 82 91); |
| border-e-zinc-700 | border-inline-end-color: rgb(63 63 70); |
| border-e-zinc-800 | border-inline-end-color: rgb(39 39 42); |
| border-e-zinc-900 | border-inline-end-color: rgb(24 24 27); |
| border-e-zinc-950 | border-inline-end-color: rgb(9 9 11); |
| border-e-neutral-50 | border-inline-end-color: rgb(250 250 250); |
| border-e-neutral-100 | border-inline-end-color: rgb(245 245 245); |
| border-e-neutral-200 | border-inline-end-color: rgb(229 229 229); |
| border-e-neutral-300 | border-inline-end-color: rgb(212 212 212); |
| border-e-neutral-400 | border-inline-end-color: rgb(163 163 163); |
| border-e-neutral-500 | border-inline-end-color: rgb(115 115 115); |
| border-e-neutral-600 | border-inline-end-color: rgb(82 82 82); |
| border-e-neutral-700 | border-inline-end-color: rgb(64 64 64); |
| border-e-neutral-800 | border-inline-end-color: rgb(38 38 38); |
| border-e-neutral-900 | border-inline-end-color: rgb(23 23 23); |
| border-e-neutral-950 | border-inline-end-color: rgb(10 10 10); |
| border-e-stone-50 | border-inline-end-color: rgb(250 250 249); |
| border-e-stone-100 | border-inline-end-color: rgb(245 245 244); |
| border-e-stone-200 | border-inline-end-color: rgb(231 229 228); |
| border-e-stone-300 | border-inline-end-color: rgb(214 211 209); |
| border-e-stone-400 | border-inline-end-color: rgb(168 162 158); |
| border-e-stone-500 | border-inline-end-color: rgb(120 113 108); |
| border-e-stone-600 | border-inline-end-color: rgb(87 83 78); |
| border-e-stone-700 | border-inline-end-color: rgb(68 64 60); |
| border-e-stone-800 | border-inline-end-color: rgb(41 37 36); |
| border-e-stone-900 | border-inline-end-color: rgb(28 25 23); |
| border-e-stone-950 | border-inline-end-color: rgb(12 10 9); |
| border-e-red-50 | border-inline-end-color: rgb(254 242 242); |
| border-e-red-100 | border-inline-end-color: rgb(254 226 226); |
| border-e-red-200 | border-inline-end-color: rgb(254 202 202); |
| border-e-red-300 | border-inline-end-color: rgb(252 165 165); |
| border-e-red-400 | border-inline-end-color: rgb(248 113 113); |
| border-e-red-500 | border-inline-end-color: rgb(239 68 68); |
| border-e-red-600 | border-inline-end-color: rgb(220 38 38); |
| border-e-red-700 | border-inline-end-color: rgb(185 28 28); |
| border-e-red-800 | border-inline-end-color: rgb(153 27 27); |
| border-e-red-900 | border-inline-end-color: rgb(127 29 29); |
| border-e-red-950 | border-inline-end-color: rgb(69 10 10); |
| border-e-orange-50 | border-inline-end-color: rgb(255 247 237); |
| border-e-orange-100 | border-inline-end-color: rgb(255 237 213); |
| border-e-orange-200 | border-inline-end-color: rgb(254 215 170); |
| border-e-orange-300 | border-inline-end-color: rgb(253 186 116); |
| border-e-orange-400 | border-inline-end-color: rgb(251 146 60); |
| border-e-orange-500 | border-inline-end-color: rgb(249 115 22); |
| border-e-orange-600 | border-inline-end-color: rgb(234 88 12); |
| border-e-orange-700 | border-inline-end-color: rgb(194 65 12); |
| border-e-orange-800 | border-inline-end-color: rgb(154 52 18); |
| border-e-orange-900 | border-inline-end-color: rgb(124 45 18); |
| border-e-orange-950 | border-inline-end-color: rgb(67 20 7); |
| border-e-amber-50 | border-inline-end-color: rgb(255 251 235); |
| border-e-amber-100 | border-inline-end-color: rgb(254 243 199); |
| border-e-amber-200 | border-inline-end-color: rgb(253 230 138); |
| border-e-amber-300 | border-inline-end-color: rgb(252 211 77); |
| border-e-amber-400 | border-inline-end-color: rgb(251 191 36); |
| border-e-amber-500 | border-inline-end-color: rgb(245 158 11); |
| border-e-amber-600 | border-inline-end-color: rgb(217 119 6); |
| border-e-amber-700 | border-inline-end-color: rgb(180 83 9); |
| border-e-amber-800 | border-inline-end-color: rgb(146 64 14); |
| border-e-amber-900 | border-inline-end-color: rgb(120 53 15); |
| border-e-amber-950 | border-inline-end-color: rgb(69 26 3); |
| border-e-yellow-50 | border-inline-end-color: rgb(254 252 232); |
| border-e-yellow-100 | border-inline-end-color: rgb(254 249 195); |
| border-e-yellow-200 | border-inline-end-color: rgb(254 240 138); |
| border-e-yellow-300 | border-inline-end-color: rgb(253 224 71); |
| border-e-yellow-400 | border-inline-end-color: rgb(250 204 21); |
| border-e-yellow-500 | border-inline-end-color: rgb(234 179 8); |
| border-e-yellow-600 | border-inline-end-color: rgb(202 138 4); |
| border-e-yellow-700 | border-inline-end-color: rgb(161 98 7); |
| border-e-yellow-800 | border-inline-end-color: rgb(133 77 14); |
| border-e-yellow-900 | border-inline-end-color: rgb(113 63 18); |
| border-e-yellow-950 | border-inline-end-color: rgb(66 32 6); |
| border-e-lime-50 | border-inline-end-color: rgb(247 254 231); |
| border-e-lime-100 | border-inline-end-color: rgb(236 252 203); |
| border-e-lime-200 | border-inline-end-color: rgb(217 249 157); |
| border-e-lime-300 | border-inline-end-color: rgb(190 242 100); |
| border-e-lime-400 | border-inline-end-color: rgb(163 230 53); |
| border-e-lime-500 | border-inline-end-color: rgb(132 204 22); |
| border-e-lime-600 | border-inline-end-color: rgb(101 163 13); |
| border-e-lime-700 | border-inline-end-color: rgb(77 124 15); |
| border-e-lime-800 | border-inline-end-color: rgb(63 98 18); |
| border-e-lime-900 | border-inline-end-color: rgb(54 83 20); |
| border-e-lime-950 | border-inline-end-color: rgb(26 46 5); |
| border-e-green-50 | border-inline-end-color: rgb(240 253 244); |
| border-e-green-100 | border-inline-end-color: rgb(220 252 231); |
| border-e-green-200 | border-inline-end-color: rgb(187 247 208); |
| border-e-green-300 | border-inline-end-color: rgb(134 239 172); |
| border-e-green-400 | border-inline-end-color: rgb(74 222 128); |
| border-e-green-500 | border-inline-end-color: rgb(34 197 94); |
| border-e-green-600 | border-inline-end-color: rgb(22 163 74); |
| border-e-green-700 | border-inline-end-color: rgb(21 128 61); |
| border-e-green-800 | border-inline-end-color: rgb(22 101 52); |
| border-e-green-900 | border-inline-end-color: rgb(20 83 45); |
| border-e-green-950 | border-inline-end-color: rgb(5 46 22); |
| border-e-emerald-50 | border-inline-end-color: rgb(236 253 245); |
| border-e-emerald-100 | border-inline-end-color: rgb(209 250 229); |
| border-e-emerald-200 | border-inline-end-color: rgb(167 243 208); |
| border-e-emerald-300 | border-inline-end-color: rgb(110 231 183); |
| border-e-emerald-400 | border-inline-end-color: rgb(52 211 153); |
| border-e-emerald-500 | border-inline-end-color: rgb(16 185 129); |
| border-e-emerald-600 | border-inline-end-color: rgb(5 150 105); |
| border-e-emerald-700 | border-inline-end-color: rgb(4 120 87); |
| border-e-emerald-800 | border-inline-end-color: rgb(6 95 70); |
| border-e-emerald-900 | border-inline-end-color: rgb(6 78 59); |
| border-e-emerald-950 | border-inline-end-color: rgb(2 44 34); |
| border-e-teal-50 | border-inline-end-color: rgb(240 253 250); |
| border-e-teal-100 | border-inline-end-color: rgb(204 251 241); |
| border-e-teal-200 | border-inline-end-color: rgb(153 246 228); |
| border-e-teal-300 | border-inline-end-color: rgb(94 234 212); |
| border-e-teal-400 | border-inline-end-color: rgb(45 212 191); |
| border-e-teal-500 | border-inline-end-color: rgb(20 184 166); |
| border-e-teal-600 | border-inline-end-color: rgb(13 148 136); |
| border-e-teal-700 | border-inline-end-color: rgb(15 118 110); |
| border-e-teal-800 | border-inline-end-color: rgb(17 94 89); |
| border-e-teal-900 | border-inline-end-color: rgb(19 78 74); |
| border-e-teal-950 | border-inline-end-color: rgb(4 47 46); |
| border-e-cyan-50 | border-inline-end-color: rgb(236 254 255); |
| border-e-cyan-100 | border-inline-end-color: rgb(207 250 254); |
| border-e-cyan-200 | border-inline-end-color: rgb(165 243 252); |
| border-e-cyan-300 | border-inline-end-color: rgb(103 232 249); |
| border-e-cyan-400 | border-inline-end-color: rgb(34 211 238); |
| border-e-cyan-500 | border-inline-end-color: rgb(6 182 212); |
| border-e-cyan-600 | border-inline-end-color: rgb(8 145 178); |
| border-e-cyan-700 | border-inline-end-color: rgb(14 116 144); |
| border-e-cyan-800 | border-inline-end-color: rgb(21 94 117); |
| border-e-cyan-900 | border-inline-end-color: rgb(22 78 99); |
| border-e-cyan-950 | border-inline-end-color: rgb(8 51 68); |
| border-e-sky-50 | border-inline-end-color: rgb(240 249 255); |
| border-e-sky-100 | border-inline-end-color: rgb(224 242 254); |
| border-e-sky-200 | border-inline-end-color: rgb(186 230 253); |
| border-e-sky-300 | border-inline-end-color: rgb(125 211 252); |
| border-e-sky-400 | border-inline-end-color: rgb(56 189 248); |
| border-e-sky-500 | border-inline-end-color: rgb(14 165 233); |
| border-e-sky-600 | border-inline-end-color: rgb(2 132 199); |
| border-e-sky-700 | border-inline-end-color: rgb(3 105 161); |
| border-e-sky-800 | border-inline-end-color: rgb(7 89 133); |
| border-e-sky-900 | border-inline-end-color: rgb(12 74 110); |
| border-e-sky-950 | border-inline-end-color: rgb(8 47 73); |
| border-e-blue-50 | border-inline-end-color: rgb(239 246 255); |
| border-e-blue-100 | border-inline-end-color: rgb(219 234 254); |
| border-e-blue-200 | border-inline-end-color: rgb(191 219 254); |
| border-e-blue-300 | border-inline-end-color: rgb(147 197 253); |
| border-e-blue-400 | border-inline-end-color: rgb(96 165 250); |
| border-e-blue-500 | border-inline-end-color: rgb(59 130 246); |
| border-e-blue-600 | border-inline-end-color: rgb(37 99 235); |
| border-e-blue-700 | border-inline-end-color: rgb(29 78 216); |
| border-e-blue-800 | border-inline-end-color: rgb(30 64 175); |
| border-e-blue-900 | border-inline-end-color: rgb(30 58 138); |
| border-e-blue-950 | border-inline-end-color: rgb(23 37 84); |
| border-e-indigo-50 | border-inline-end-color: rgb(238 242 255); |
| border-e-indigo-100 | border-inline-end-color: rgb(224 231 255); |
| border-e-indigo-200 | border-inline-end-color: rgb(199 210 254); |
| border-e-indigo-300 | border-inline-end-color: rgb(165 180 252); |
| border-e-indigo-400 | border-inline-end-color: rgb(129 140 248); |
| border-e-indigo-500 | border-inline-end-color: rgb(99 102 241); |
| border-e-indigo-600 | border-inline-end-color: rgb(79 70 229); |
| border-e-indigo-700 | border-inline-end-color: rgb(67 56 202); |
| border-e-indigo-800 | border-inline-end-color: rgb(55 48 163); |
| border-e-indigo-900 | border-inline-end-color: rgb(49 46 129); |
| border-e-indigo-950 | border-inline-end-color: rgb(30 27 75); |
| border-e-violet-50 | border-inline-end-color: rgb(245 243 255); |
| border-e-violet-100 | border-inline-end-color: rgb(237 233 254); |
| border-e-violet-200 | border-inline-end-color: rgb(221 214 254); |
| border-e-violet-300 | border-inline-end-color: rgb(196 181 253); |
| border-e-violet-400 | border-inline-end-color: rgb(167 139 250); |
| border-e-violet-500 | border-inline-end-color: rgb(139 92 246); |
| border-e-violet-600 | border-inline-end-color: rgb(124 58 237); |
| border-e-violet-700 | border-inline-end-color: rgb(109 40 217); |
| border-e-violet-800 | border-inline-end-color: rgb(91 33 182); |
| border-e-violet-900 | border-inline-end-color: rgb(76 29 149); |
| border-e-violet-950 | border-inline-end-color: rgb(46 16 101); |
| border-e-purple-50 | border-inline-end-color: rgb(250 245 255); |
| border-e-purple-100 | border-inline-end-color: rgb(243 232 255); |
| border-e-purple-200 | border-inline-end-color: rgb(233 213 255); |
| border-e-purple-300 | border-inline-end-color: rgb(216 180 254); |
| border-e-purple-400 | border-inline-end-color: rgb(192 132 252); |
| border-e-purple-500 | border-inline-end-color: rgb(168 85 247); |
| border-e-purple-600 | border-inline-end-color: rgb(147 51 234); |
| border-e-purple-700 | border-inline-end-color: rgb(126 34 206); |
| border-e-purple-800 | border-inline-end-color: rgb(107 33 168); |
| border-e-purple-900 | border-inline-end-color: rgb(88 28 135); |
| border-e-purple-950 | border-inline-end-color: rgb(59 7 100); |
| border-e-fuchsia-50 | border-inline-end-color: rgb(253 244 255); |
| border-e-fuchsia-100 | border-inline-end-color: rgb(250 232 255); |
| border-e-fuchsia-200 | border-inline-end-color: rgb(245 208 254); |
| border-e-fuchsia-300 | border-inline-end-color: rgb(240 171 252); |
| border-e-fuchsia-400 | border-inline-end-color: rgb(232 121 249); |
| border-e-fuchsia-500 | border-inline-end-color: rgb(217 70 239); |
| border-e-fuchsia-600 | border-inline-end-color: rgb(192 38 211); |
| border-e-fuchsia-700 | border-inline-end-color: rgb(162 28 175); |
| border-e-fuchsia-800 | border-inline-end-color: rgb(134 25 143); |
| border-e-fuchsia-900 | border-inline-end-color: rgb(112 26 117); |
| border-e-fuchsia-950 | border-inline-end-color: rgb(74 4 78); |
| border-e-pink-50 | border-inline-end-color: rgb(253 242 248); |
| border-e-pink-100 | border-inline-end-color: rgb(252 231 243); |
| border-e-pink-200 | border-inline-end-color: rgb(251 207 232); |
| border-e-pink-300 | border-inline-end-color: rgb(249 168 212); |
| border-e-pink-400 | border-inline-end-color: rgb(244 114 182); |
| border-e-pink-500 | border-inline-end-color: rgb(236 72 153); |
| border-e-pink-600 | border-inline-end-color: rgb(219 39 119); |
| border-e-pink-700 | border-inline-end-color: rgb(190 24 93); |
| border-e-pink-800 | border-inline-end-color: rgb(157 23 77); |
| border-e-pink-900 | border-inline-end-color: rgb(131 24 67); |
| border-e-pink-950 | border-inline-end-color: rgb(80 7 36); |
| border-e-rose-50 | border-inline-end-color: rgb(255 241 242); |
| border-e-rose-100 | border-inline-end-color: rgb(255 228 230); |
| border-e-rose-200 | border-inline-end-color: rgb(254 205 211); |
| border-e-rose-300 | border-inline-end-color: rgb(253 164 175); |
| border-e-rose-400 | border-inline-end-color: rgb(251 113 133); |
| border-e-rose-500 | border-inline-end-color: rgb(244 63 94); |
| border-e-rose-600 | border-inline-end-color: rgb(225 29 72); |
| border-e-rose-700 | border-inline-end-color: rgb(190 18 60); |
| border-e-rose-800 | border-inline-end-color: rgb(159 18 57); |
| border-e-rose-900 | border-inline-end-color: rgb(136 19 55); |
| border-e-rose-950 | border-inline-end-color: rgb(76 5 25); |
| border-t-inherit | border-top-color: inherit; |
| border-t-current | border-top-color: currentColor; |
| border-t-transparent | border-top-color: transparent; |
| border-t-black | border-top-color: rgb(0 0 0); |
| border-t-white | border-top-color: rgb(255 255 255); |
| border-t-slate-50 | border-top-color: rgb(248 250 252); |
| border-t-slate-100 | border-top-color: rgb(241 245 249); |
| border-t-slate-200 | border-top-color: rgb(226 232 240); |
| border-t-slate-300 | border-top-color: rgb(203 213 225); |
| border-t-slate-400 | border-top-color: rgb(148 163 184); |
| border-t-slate-500 | border-top-color: rgb(100 116 139); |
| border-t-slate-600 | border-top-color: rgb(71 85 105); |
| border-t-slate-700 | border-top-color: rgb(51 65 85); |
| border-t-slate-800 | border-top-color: rgb(30 41 59); |
| border-t-slate-900 | border-top-color: rgb(15 23 42); |
| border-t-slate-950 | border-top-color: rgb(2 6 23); |
| border-t-gray-50 | border-top-color: rgb(249 250 251); |
| border-t-gray-100 | border-top-color: rgb(243 244 246); |
| border-t-gray-200 | border-top-color: rgb(229 231 235); |
| border-t-gray-300 | border-top-color: rgb(209 213 219); |
| border-t-gray-400 | border-top-color: rgb(156 163 175); |
| border-t-gray-500 | border-top-color: rgb(107 114 128); |
| border-t-gray-600 | border-top-color: rgb(75 85 99); |
| border-t-gray-700 | border-top-color: rgb(55 65 81); |
| border-t-gray-800 | border-top-color: rgb(31 41 55); |
| border-t-gray-900 | border-top-color: rgb(17 24 39); |
| border-t-gray-950 | border-top-color: rgb(3 7 18); |
| border-t-zinc-50 | border-top-color: rgb(250 250 250); |
| border-t-zinc-100 | border-top-color: rgb(244 244 245); |
| border-t-zinc-200 | border-top-color: rgb(228 228 231); |
| border-t-zinc-300 | border-top-color: rgb(212 212 216); |
| border-t-zinc-400 | border-top-color: rgb(161 161 170); |
| border-t-zinc-500 | border-top-color: rgb(113 113 122); |
| border-t-zinc-600 | border-top-color: rgb(82 82 91); |
| border-t-zinc-700 | border-top-color: rgb(63 63 70); |
| border-t-zinc-800 | border-top-color: rgb(39 39 42); |
| border-t-zinc-900 | border-top-color: rgb(24 24 27); |
| border-t-zinc-950 | border-top-color: rgb(9 9 11); |
| border-t-neutral-50 | border-top-color: rgb(250 250 250); |
| border-t-neutral-100 | border-top-color: rgb(245 245 245); |
| border-t-neutral-200 | border-top-color: rgb(229 229 229); |
| border-t-neutral-300 | border-top-color: rgb(212 212 212); |
| border-t-neutral-400 | border-top-color: rgb(163 163 163); |
| border-t-neutral-500 | border-top-color: rgb(115 115 115); |
| border-t-neutral-600 | border-top-color: rgb(82 82 82); |
| border-t-neutral-700 | border-top-color: rgb(64 64 64); |
| border-t-neutral-800 | border-top-color: rgb(38 38 38); |
| border-t-neutral-900 | border-top-color: rgb(23 23 23); |
| border-t-neutral-950 | border-top-color: rgb(10 10 10); |
| border-t-stone-50 | border-top-color: rgb(250 250 249); |
| border-t-stone-100 | border-top-color: rgb(245 245 244); |
| border-t-stone-200 | border-top-color: rgb(231 229 228); |
| border-t-stone-300 | border-top-color: rgb(214 211 209); |
| border-t-stone-400 | border-top-color: rgb(168 162 158); |
| border-t-stone-500 | border-top-color: rgb(120 113 108); |
| border-t-stone-600 | border-top-color: rgb(87 83 78); |
| border-t-stone-700 | border-top-color: rgb(68 64 60); |
| border-t-stone-800 | border-top-color: rgb(41 37 36); |
| border-t-stone-900 | border-top-color: rgb(28 25 23); |
| border-t-stone-950 | border-top-color: rgb(12 10 9); |
| border-t-red-50 | border-top-color: rgb(254 242 242); |
| border-t-red-100 | border-top-color: rgb(254 226 226); |
| border-t-red-200 | border-top-color: rgb(254 202 202); |
| border-t-red-300 | border-top-color: rgb(252 165 165); |
| border-t-red-400 | border-top-color: rgb(248 113 113); |
| border-t-red-500 | border-top-color: rgb(239 68 68); |
| border-t-red-600 | border-top-color: rgb(220 38 38); |
| border-t-red-700 | border-top-color: rgb(185 28 28); |
| border-t-red-800 | border-top-color: rgb(153 27 27); |
| border-t-red-900 | border-top-color: rgb(127 29 29); |
| border-t-red-950 | border-top-color: rgb(69 10 10); |
| border-t-orange-50 | border-top-color: rgb(255 247 237); |
| border-t-orange-100 | border-top-color: rgb(255 237 213); |
| border-t-orange-200 | border-top-color: rgb(254 215 170); |
| border-t-orange-300 | border-top-color: rgb(253 186 116); |
| border-t-orange-400 | border-top-color: rgb(251 146 60); |
| border-t-orange-500 | border-top-color: rgb(249 115 22); |
| border-t-orange-600 | border-top-color: rgb(234 88 12); |
| border-t-orange-700 | border-top-color: rgb(194 65 12); |
| border-t-orange-800 | border-top-color: rgb(154 52 18); |
| border-t-orange-900 | border-top-color: rgb(124 45 18); |
| border-t-orange-950 | border-top-color: rgb(67 20 7); |
| border-t-amber-50 | border-top-color: rgb(255 251 235); |
| border-t-amber-100 | border-top-color: rgb(254 243 199); |
| border-t-amber-200 | border-top-color: rgb(253 230 138); |
| border-t-amber-300 | border-top-color: rgb(252 211 77); |
| border-t-amber-400 | border-top-color: rgb(251 191 36); |
| border-t-amber-500 | border-top-color: rgb(245 158 11); |
| border-t-amber-600 | border-top-color: rgb(217 119 6); |
| border-t-amber-700 | border-top-color: rgb(180 83 9); |
| border-t-amber-800 | border-top-color: rgb(146 64 14); |
| border-t-amber-900 | border-top-color: rgb(120 53 15); |
| border-t-amber-950 | border-top-color: rgb(69 26 3); |
| border-t-yellow-50 | border-top-color: rgb(254 252 232); |
| border-t-yellow-100 | border-top-color: rgb(254 249 195); |
| border-t-yellow-200 | border-top-color: rgb(254 240 138); |
| border-t-yellow-300 | border-top-color: rgb(253 224 71); |
| border-t-yellow-400 | border-top-color: rgb(250 204 21); |
| border-t-yellow-500 | border-top-color: rgb(234 179 8); |
| border-t-yellow-600 | border-top-color: rgb(202 138 4); |
| border-t-yellow-700 | border-top-color: rgb(161 98 7); |
| border-t-yellow-800 | border-top-color: rgb(133 77 14); |
| border-t-yellow-900 | border-top-color: rgb(113 63 18); |
| border-t-yellow-950 | border-top-color: rgb(66 32 6); |
| border-t-lime-50 | border-top-color: rgb(247 254 231); |
| border-t-lime-100 | border-top-color: rgb(236 252 203); |
| border-t-lime-200 | border-top-color: rgb(217 249 157); |
| border-t-lime-300 | border-top-color: rgb(190 242 100); |
| border-t-lime-400 | border-top-color: rgb(163 230 53); |
| border-t-lime-500 | border-top-color: rgb(132 204 22); |
| border-t-lime-600 | border-top-color: rgb(101 163 13); |
| border-t-lime-700 | border-top-color: rgb(77 124 15); |
| border-t-lime-800 | border-top-color: rgb(63 98 18); |
| border-t-lime-900 | border-top-color: rgb(54 83 20); |
| border-t-lime-950 | border-top-color: rgb(26 46 5); |
| border-t-green-50 | border-top-color: rgb(240 253 244); |
| border-t-green-100 | border-top-color: rgb(220 252 231); |
| border-t-green-200 | border-top-color: rgb(187 247 208); |
| border-t-green-300 | border-top-color: rgb(134 239 172); |
| border-t-green-400 | border-top-color: rgb(74 222 128); |
| border-t-green-500 | border-top-color: rgb(34 197 94); |
| border-t-green-600 | border-top-color: rgb(22 163 74); |
| border-t-green-700 | border-top-color: rgb(21 128 61); |
| border-t-green-800 | border-top-color: rgb(22 101 52); |
| border-t-green-900 | border-top-color: rgb(20 83 45); |
| border-t-green-950 | border-top-color: rgb(5 46 22); |
| border-t-emerald-50 | border-top-color: rgb(236 253 245); |
| border-t-emerald-100 | border-top-color: rgb(209 250 229); |
| border-t-emerald-200 | border-top-color: rgb(167 243 208); |
| border-t-emerald-300 | border-top-color: rgb(110 231 183); |
| border-t-emerald-400 | border-top-color: rgb(52 211 153); |
| border-t-emerald-500 | border-top-color: rgb(16 185 129); |
| border-t-emerald-600 | border-top-color: rgb(5 150 105); |
| border-t-emerald-700 | border-top-color: rgb(4 120 87); |
| border-t-emerald-800 | border-top-color: rgb(6 95 70); |
| border-t-emerald-900 | border-top-color: rgb(6 78 59); |
| border-t-emerald-950 | border-top-color: rgb(2 44 34); |
| border-t-teal-50 | border-top-color: rgb(240 253 250); |
| border-t-teal-100 | border-top-color: rgb(204 251 241); |
| border-t-teal-200 | border-top-color: rgb(153 246 228); |
| border-t-teal-300 | border-top-color: rgb(94 234 212); |
| border-t-teal-400 | border-top-color: rgb(45 212 191); |
| border-t-teal-500 | border-top-color: rgb(20 184 166); |
| border-t-teal-600 | border-top-color: rgb(13 148 136); |
| border-t-teal-700 | border-top-color: rgb(15 118 110); |
| border-t-teal-800 | border-top-color: rgb(17 94 89); |
| border-t-teal-900 | border-top-color: rgb(19 78 74); |
| border-t-teal-950 | border-top-color: rgb(4 47 46); |
| border-t-cyan-50 | border-top-color: rgb(236 254 255); |
| border-t-cyan-100 | border-top-color: rgb(207 250 254); |
| border-t-cyan-200 | border-top-color: rgb(165 243 252); |
| border-t-cyan-300 | border-top-color: rgb(103 232 249); |
| border-t-cyan-400 | border-top-color: rgb(34 211 238); |
| border-t-cyan-500 | border-top-color: rgb(6 182 212); |
| border-t-cyan-600 | border-top-color: rgb(8 145 178); |
| border-t-cyan-700 | border-top-color: rgb(14 116 144); |
| border-t-cyan-800 | border-top-color: rgb(21 94 117); |
| border-t-cyan-900 | border-top-color: rgb(22 78 99); |
| border-t-cyan-950 | border-top-color: rgb(8 51 68); |
| border-t-sky-50 | border-top-color: rgb(240 249 255); |
| border-t-sky-100 | border-top-color: rgb(224 242 254); |
| border-t-sky-200 | border-top-color: rgb(186 230 253); |
| border-t-sky-300 | border-top-color: rgb(125 211 252); |
| border-t-sky-400 | border-top-color: rgb(56 189 248); |
| border-t-sky-500 | border-top-color: rgb(14 165 233); |
| border-t-sky-600 | border-top-color: rgb(2 132 199); |
| border-t-sky-700 | border-top-color: rgb(3 105 161); |
| border-t-sky-800 | border-top-color: rgb(7 89 133); |
| border-t-sky-900 | border-top-color: rgb(12 74 110); |
| border-t-sky-950 | border-top-color: rgb(8 47 73); |
| border-t-blue-50 | border-top-color: rgb(239 246 255); |
| border-t-blue-100 | border-top-color: rgb(219 234 254); |
| border-t-blue-200 | border-top-color: rgb(191 219 254); |
| border-t-blue-300 | border-top-color: rgb(147 197 253); |
| border-t-blue-400 | border-top-color: rgb(96 165 250); |
| border-t-blue-500 | border-top-color: rgb(59 130 246); |
| border-t-blue-600 | border-top-color: rgb(37 99 235); |
| border-t-blue-700 | border-top-color: rgb(29 78 216); |
| border-t-blue-800 | border-top-color: rgb(30 64 175); |
| border-t-blue-900 | border-top-color: rgb(30 58 138); |
| border-t-blue-950 | border-top-color: rgb(23 37 84); |
| border-t-indigo-50 | border-top-color: rgb(238 242 255); |
| border-t-indigo-100 | border-top-color: rgb(224 231 255); |
| border-t-indigo-200 | border-top-color: rgb(199 210 254); |
| border-t-indigo-300 | border-top-color: rgb(165 180 252); |
| border-t-indigo-400 | border-top-color: rgb(129 140 248); |
| border-t-indigo-500 | border-top-color: rgb(99 102 241); |
| border-t-indigo-600 | border-top-color: rgb(79 70 229); |
| border-t-indigo-700 | border-top-color: rgb(67 56 202); |
| border-t-indigo-800 | border-top-color: rgb(55 48 163); |
| border-t-indigo-900 | border-top-color: rgb(49 46 129); |
| border-t-indigo-950 | border-top-color: rgb(30 27 75); |
| border-t-violet-50 | border-top-color: rgb(245 243 255); |
| border-t-violet-100 | border-top-color: rgb(237 233 254); |
| border-t-violet-200 | border-top-color: rgb(221 214 254); |
| border-t-violet-300 | border-top-color: rgb(196 181 253); |
| border-t-violet-400 | border-top-color: rgb(167 139 250); |
| border-t-violet-500 | border-top-color: rgb(139 92 246); |
| border-t-violet-600 | border-top-color: rgb(124 58 237); |
| border-t-violet-700 | border-top-color: rgb(109 40 217); |
| border-t-violet-800 | border-top-color: rgb(91 33 182); |
| border-t-violet-900 | border-top-color: rgb(76 29 149); |
| border-t-violet-950 | border-top-color: rgb(46 16 101); |
| border-t-purple-50 | border-top-color: rgb(250 245 255); |
| border-t-purple-100 | border-top-color: rgb(243 232 255); |
| border-t-purple-200 | border-top-color: rgb(233 213 255); |
| border-t-purple-300 | border-top-color: rgb(216 180 254); |
| border-t-purple-400 | border-top-color: rgb(192 132 252); |
| border-t-purple-500 | border-top-color: rgb(168 85 247); |
| border-t-purple-600 | border-top-color: rgb(147 51 234); |
| border-t-purple-700 | border-top-color: rgb(126 34 206); |
| border-t-purple-800 | border-top-color: rgb(107 33 168); |
| border-t-purple-900 | border-top-color: rgb(88 28 135); |
| border-t-purple-950 | border-top-color: rgb(59 7 100); |
| border-t-fuchsia-50 | border-top-color: rgb(253 244 255); |
| border-t-fuchsia-100 | border-top-color: rgb(250 232 255); |
| border-t-fuchsia-200 | border-top-color: rgb(245 208 254); |
| border-t-fuchsia-300 | border-top-color: rgb(240 171 252); |
| border-t-fuchsia-400 | border-top-color: rgb(232 121 249); |
| border-t-fuchsia-500 | border-top-color: rgb(217 70 239); |
| border-t-fuchsia-600 | border-top-color: rgb(192 38 211); |
| border-t-fuchsia-700 | border-top-color: rgb(162 28 175); |
| border-t-fuchsia-800 | border-top-color: rgb(134 25 143); |
| border-t-fuchsia-900 | border-top-color: rgb(112 26 117); |
| border-t-fuchsia-950 | border-top-color: rgb(74 4 78); |
| border-t-pink-50 | border-top-color: rgb(253 242 248); |
| border-t-pink-100 | border-top-color: rgb(252 231 243); |
| border-t-pink-200 | border-top-color: rgb(251 207 232); |
| border-t-pink-300 | border-top-color: rgb(249 168 212); |
| border-t-pink-400 | border-top-color: rgb(244 114 182); |
| border-t-pink-500 | border-top-color: rgb(236 72 153); |
| border-t-pink-600 | border-top-color: rgb(219 39 119); |
| border-t-pink-700 | border-top-color: rgb(190 24 93); |
| border-t-pink-800 | border-top-color: rgb(157 23 77); |
| border-t-pink-900 | border-top-color: rgb(131 24 67); |
| border-t-pink-950 | border-top-color: rgb(80 7 36); |
| border-t-rose-50 | border-top-color: rgb(255 241 242); |
| border-t-rose-100 | border-top-color: rgb(255 228 230); |
| border-t-rose-200 | border-top-color: rgb(254 205 211); |
| border-t-rose-300 | border-top-color: rgb(253 164 175); |
| border-t-rose-400 | border-top-color: rgb(251 113 133); |
| border-t-rose-500 | border-top-color: rgb(244 63 94); |
| border-t-rose-600 | border-top-color: rgb(225 29 72); |
| border-t-rose-700 | border-top-color: rgb(190 18 60); |
| border-t-rose-800 | border-top-color: rgb(159 18 57); |
| border-t-rose-900 | border-top-color: rgb(136 19 55); |
| border-t-rose-950 | border-top-color: rgb(76 5 25); |
| border-r-inherit | border-right-color: inherit; |
| border-r-current | border-right-color: currentColor; |
| border-r-transparent | border-right-color: transparent; |
| border-r-black | border-right-color: rgb(0 0 0); |
| border-r-white | border-right-color: rgb(255 255 255); |
| border-r-slate-50 | border-right-color: rgb(248 250 252); |
| border-r-slate-100 | border-right-color: rgb(241 245 249); |
| border-r-slate-200 | border-right-color: rgb(226 232 240); |
| border-r-slate-300 | border-right-color: rgb(203 213 225); |
| border-r-slate-400 | border-right-color: rgb(148 163 184); |
| border-r-slate-500 | border-right-color: rgb(100 116 139); |
| border-r-slate-600 | border-right-color: rgb(71 85 105); |
| border-r-slate-700 | border-right-color: rgb(51 65 85); |
| border-r-slate-800 | border-right-color: rgb(30 41 59); |
| border-r-slate-900 | border-right-color: rgb(15 23 42); |
| border-r-slate-950 | border-right-color: rgb(2 6 23); |
| border-r-gray-50 | border-right-color: rgb(249 250 251); |
| border-r-gray-100 | border-right-color: rgb(243 244 246); |
| border-r-gray-200 | border-right-color: rgb(229 231 235); |
| border-r-gray-300 | border-right-color: rgb(209 213 219); |
| border-r-gray-400 | border-right-color: rgb(156 163 175); |
| border-r-gray-500 | border-right-color: rgb(107 114 128); |
| border-r-gray-600 | border-right-color: rgb(75 85 99); |
| border-r-gray-700 | border-right-color: rgb(55 65 81); |
| border-r-gray-800 | border-right-color: rgb(31 41 55); |
| border-r-gray-900 | border-right-color: rgb(17 24 39); |
| border-r-gray-950 | border-right-color: rgb(3 7 18); |
| border-r-zinc-50 | border-right-color: rgb(250 250 250); |
| border-r-zinc-100 | border-right-color: rgb(244 244 245); |
| border-r-zinc-200 | border-right-color: rgb(228 228 231); |
| border-r-zinc-300 | border-right-color: rgb(212 212 216); |
| border-r-zinc-400 | border-right-color: rgb(161 161 170); |
| border-r-zinc-500 | border-right-color: rgb(113 113 122); |
| border-r-zinc-600 | border-right-color: rgb(82 82 91); |
| border-r-zinc-700 | border-right-color: rgb(63 63 70); |
| border-r-zinc-800 | border-right-color: rgb(39 39 42); |
| border-r-zinc-900 | border-right-color: rgb(24 24 27); |
| border-r-zinc-950 | border-right-color: rgb(9 9 11); |
| border-r-neutral-50 | border-right-color: rgb(250 250 250); |
| border-r-neutral-100 | border-right-color: rgb(245 245 245); |
| border-r-neutral-200 | border-right-color: rgb(229 229 229); |
| border-r-neutral-300 | border-right-color: rgb(212 212 212); |
| border-r-neutral-400 | border-right-color: rgb(163 163 163); |
| border-r-neutral-500 | border-right-color: rgb(115 115 115); |
| border-r-neutral-600 | border-right-color: rgb(82 82 82); |
| border-r-neutral-700 | border-right-color: rgb(64 64 64); |
| border-r-neutral-800 | border-right-color: rgb(38 38 38); |
| border-r-neutral-900 | border-right-color: rgb(23 23 23); |
| border-r-neutral-950 | border-right-color: rgb(10 10 10); |
| border-r-stone-50 | border-right-color: rgb(250 250 249); |
| border-r-stone-100 | border-right-color: rgb(245 245 244); |
| border-r-stone-200 | border-right-color: rgb(231 229 228); |
| border-r-stone-300 | border-right-color: rgb(214 211 209); |
| border-r-stone-400 | border-right-color: rgb(168 162 158); |
| border-r-stone-500 | border-right-color: rgb(120 113 108); |
| border-r-stone-600 | border-right-color: rgb(87 83 78); |
| border-r-stone-700 | border-right-color: rgb(68 64 60); |
| border-r-stone-800 | border-right-color: rgb(41 37 36); |
| border-r-stone-900 | border-right-color: rgb(28 25 23); |
| border-r-stone-950 | border-right-color: rgb(12 10 9); |
| border-r-red-50 | border-right-color: rgb(254 242 242); |
| border-r-red-100 | border-right-color: rgb(254 226 226); |
| border-r-red-200 | border-right-color: rgb(254 202 202); |
| border-r-red-300 | border-right-color: rgb(252 165 165); |
| border-r-red-400 | border-right-color: rgb(248 113 113); |
| border-r-red-500 | border-right-color: rgb(239 68 68); |
| border-r-red-600 | border-right-color: rgb(220 38 38); |
| border-r-red-700 | border-right-color: rgb(185 28 28); |
| border-r-red-800 | border-right-color: rgb(153 27 27); |
| border-r-red-900 | border-right-color: rgb(127 29 29); |
| border-r-red-950 | border-right-color: rgb(69 10 10); |
| border-r-orange-50 | border-right-color: rgb(255 247 237); |
| border-r-orange-100 | border-right-color: rgb(255 237 213); |
| border-r-orange-200 | border-right-color: rgb(254 215 170); |
| border-r-orange-300 | border-right-color: rgb(253 186 116); |
| border-r-orange-400 | border-right-color: rgb(251 146 60); |
| border-r-orange-500 | border-right-color: rgb(249 115 22); |
| border-r-orange-600 | border-right-color: rgb(234 88 12); |
| border-r-orange-700 | border-right-color: rgb(194 65 12); |
| border-r-orange-800 | border-right-color: rgb(154 52 18); |
| border-r-orange-900 | border-right-color: rgb(124 45 18); |
| border-r-orange-950 | border-right-color: rgb(67 20 7); |
| border-r-amber-50 | border-right-color: rgb(255 251 235); |
| border-r-amber-100 | border-right-color: rgb(254 243 199); |
| border-r-amber-200 | border-right-color: rgb(253 230 138); |
| border-r-amber-300 | border-right-color: rgb(252 211 77); |
| border-r-amber-400 | border-right-color: rgb(251 191 36); |
| border-r-amber-500 | border-right-color: rgb(245 158 11); |
| border-r-amber-600 | border-right-color: rgb(217 119 6); |
| border-r-amber-700 | border-right-color: rgb(180 83 9); |
| border-r-amber-800 | border-right-color: rgb(146 64 14); |
| border-r-amber-900 | border-right-color: rgb(120 53 15); |
| border-r-amber-950 | border-right-color: rgb(69 26 3); |
| border-r-yellow-50 | border-right-color: rgb(254 252 232); |
| border-r-yellow-100 | border-right-color: rgb(254 249 195); |
| border-r-yellow-200 | border-right-color: rgb(254 240 138); |
| border-r-yellow-300 | border-right-color: rgb(253 224 71); |
| border-r-yellow-400 | border-right-color: rgb(250 204 21); |
| border-r-yellow-500 | border-right-color: rgb(234 179 8); |
| border-r-yellow-600 | border-right-color: rgb(202 138 4); |
| border-r-yellow-700 | border-right-color: rgb(161 98 7); |
| border-r-yellow-800 | border-right-color: rgb(133 77 14); |
| border-r-yellow-900 | border-right-color: rgb(113 63 18); |
| border-r-yellow-950 | border-right-color: rgb(66 32 6); |
| border-r-lime-50 | border-right-color: rgb(247 254 231); |
| border-r-lime-100 | border-right-color: rgb(236 252 203); |
| border-r-lime-200 | border-right-color: rgb(217 249 157); |
| border-r-lime-300 | border-right-color: rgb(190 242 100); |
| border-r-lime-400 | border-right-color: rgb(163 230 53); |
| border-r-lime-500 | border-right-color: rgb(132 204 22); |
| border-r-lime-600 | border-right-color: rgb(101 163 13); |
| border-r-lime-700 | border-right-color: rgb(77 124 15); |
| border-r-lime-800 | border-right-color: rgb(63 98 18); |
| border-r-lime-900 | border-right-color: rgb(54 83 20); |
| border-r-lime-950 | border-right-color: rgb(26 46 5); |
| border-r-green-50 | border-right-color: rgb(240 253 244); |
| border-r-green-100 | border-right-color: rgb(220 252 231); |
| border-r-green-200 | border-right-color: rgb(187 247 208); |
| border-r-green-300 | border-right-color: rgb(134 239 172); |
| border-r-green-400 | border-right-color: rgb(74 222 128); |
| border-r-green-500 | border-right-color: rgb(34 197 94); |
| border-r-green-600 | border-right-color: rgb(22 163 74); |
| border-r-green-700 | border-right-color: rgb(21 128 61); |
| border-r-green-800 | border-right-color: rgb(22 101 52); |
| border-r-green-900 | border-right-color: rgb(20 83 45); |
| border-r-green-950 | border-right-color: rgb(5 46 22); |
| border-r-emerald-50 | border-right-color: rgb(236 253 245); |
| border-r-emerald-100 | border-right-color: rgb(209 250 229); |
| border-r-emerald-200 | border-right-color: rgb(167 243 208); |
| border-r-emerald-300 | border-right-color: rgb(110 231 183); |
| border-r-emerald-400 | border-right-color: rgb(52 211 153); |
| border-r-emerald-500 | border-right-color: rgb(16 185 129); |
| border-r-emerald-600 | border-right-color: rgb(5 150 105); |
| border-r-emerald-700 | border-right-color: rgb(4 120 87); |
| border-r-emerald-800 | border-right-color: rgb(6 95 70); |
| border-r-emerald-900 | border-right-color: rgb(6 78 59); |
| border-r-emerald-950 | border-right-color: rgb(2 44 34); |
| border-r-teal-50 | border-right-color: rgb(240 253 250); |
| border-r-teal-100 | border-right-color: rgb(204 251 241); |
| border-r-teal-200 | border-right-color: rgb(153 246 228); |
| border-r-teal-300 | border-right-color: rgb(94 234 212); |
| border-r-teal-400 | border-right-color: rgb(45 212 191); |
| border-r-teal-500 | border-right-color: rgb(20 184 166); |
| border-r-teal-600 | border-right-color: rgb(13 148 136); |
| border-r-teal-700 | border-right-color: rgb(15 118 110); |
| border-r-teal-800 | border-right-color: rgb(17 94 89); |
| border-r-teal-900 | border-right-color: rgb(19 78 74); |
| border-r-teal-950 | border-right-color: rgb(4 47 46); |
| border-r-cyan-50 | border-right-color: rgb(236 254 255); |
| border-r-cyan-100 | border-right-color: rgb(207 250 254); |
| border-r-cyan-200 | border-right-color: rgb(165 243 252); |
| border-r-cyan-300 | border-right-color: rgb(103 232 249); |
| border-r-cyan-400 | border-right-color: rgb(34 211 238); |
| border-r-cyan-500 | border-right-color: rgb(6 182 212); |
| border-r-cyan-600 | border-right-color: rgb(8 145 178); |
| border-r-cyan-700 | border-right-color: rgb(14 116 144); |
| border-r-cyan-800 | border-right-color: rgb(21 94 117); |
| border-r-cyan-900 | border-right-color: rgb(22 78 99); |
| border-r-cyan-950 | border-right-color: rgb(8 51 68); |
| border-r-sky-50 | border-right-color: rgb(240 249 255); |
| border-r-sky-100 | border-right-color: rgb(224 242 254); |
| border-r-sky-200 | border-right-color: rgb(186 230 253); |
| border-r-sky-300 | border-right-color: rgb(125 211 252); |
| border-r-sky-400 | border-right-color: rgb(56 189 248); |
| border-r-sky-500 | border-right-color: rgb(14 165 233); |
| border-r-sky-600 | border-right-color: rgb(2 132 199); |
| border-r-sky-700 | border-right-color: rgb(3 105 161); |
| border-r-sky-800 | border-right-color: rgb(7 89 133); |
| border-r-sky-900 | border-right-color: rgb(12 74 110); |
| border-r-sky-950 | border-right-color: rgb(8 47 73); |
| border-r-blue-50 | border-right-color: rgb(239 246 255); |
| border-r-blue-100 | border-right-color: rgb(219 234 254); |
| border-r-blue-200 | border-right-color: rgb(191 219 254); |
| border-r-blue-300 | border-right-color: rgb(147 197 253); |
| border-r-blue-400 | border-right-color: rgb(96 165 250); |
| border-r-blue-500 | border-right-color: rgb(59 130 246); |
| border-r-blue-600 | border-right-color: rgb(37 99 235); |
| border-r-blue-700 | border-right-color: rgb(29 78 216); |
| border-r-blue-800 | border-right-color: rgb(30 64 175); |
| border-r-blue-900 | border-right-color: rgb(30 58 138); |
| border-r-blue-950 | border-right-color: rgb(23 37 84); |
| border-r-indigo-50 | border-right-color: rgb(238 242 255); |
| border-r-indigo-100 | border-right-color: rgb(224 231 255); |
| border-r-indigo-200 | border-right-color: rgb(199 210 254); |
| border-r-indigo-300 | border-right-color: rgb(165 180 252); |
| border-r-indigo-400 | border-right-color: rgb(129 140 248); |
| border-r-indigo-500 | border-right-color: rgb(99 102 241); |
| border-r-indigo-600 | border-right-color: rgb(79 70 229); |
| border-r-indigo-700 | border-right-color: rgb(67 56 202); |
| border-r-indigo-800 | border-right-color: rgb(55 48 163); |
| border-r-indigo-900 | border-right-color: rgb(49 46 129); |
| border-r-indigo-950 | border-right-color: rgb(30 27 75); |
| border-r-violet-50 | border-right-color: rgb(245 243 255); |
| border-r-violet-100 | border-right-color: rgb(237 233 254); |
| border-r-violet-200 | border-right-color: rgb(221 214 254); |
| border-r-violet-300 | border-right-color: rgb(196 181 253); |
| border-r-violet-400 | border-right-color: rgb(167 139 250); |
| border-r-violet-500 | border-right-color: rgb(139 92 246); |
| border-r-violet-600 | border-right-color: rgb(124 58 237); |
| border-r-violet-700 | border-right-color: rgb(109 40 217); |
| border-r-violet-800 | border-right-color: rgb(91 33 182); |
| border-r-violet-900 | border-right-color: rgb(76 29 149); |
| border-r-violet-950 | border-right-color: rgb(46 16 101); |
| border-r-purple-50 | border-right-color: rgb(250 245 255); |
| border-r-purple-100 | border-right-color: rgb(243 232 255); |
| border-r-purple-200 | border-right-color: rgb(233 213 255); |
| border-r-purple-300 | border-right-color: rgb(216 180 254); |
| border-r-purple-400 | border-right-color: rgb(192 132 252); |
| border-r-purple-500 | border-right-color: rgb(168 85 247); |
| border-r-purple-600 | border-right-color: rgb(147 51 234); |
| border-r-purple-700 | border-right-color: rgb(126 34 206); |
| border-r-purple-800 | border-right-color: rgb(107 33 168); |
| border-r-purple-900 | border-right-color: rgb(88 28 135); |
| border-r-purple-950 | border-right-color: rgb(59 7 100); |
| border-r-fuchsia-50 | border-right-color: rgb(253 244 255); |
| border-r-fuchsia-100 | border-right-color: rgb(250 232 255); |
| border-r-fuchsia-200 | border-right-color: rgb(245 208 254); |
| border-r-fuchsia-300 | border-right-color: rgb(240 171 252); |
| border-r-fuchsia-400 | border-right-color: rgb(232 121 249); |
| border-r-fuchsia-500 | border-right-color: rgb(217 70 239); |
| border-r-fuchsia-600 | border-right-color: rgb(192 38 211); |
| border-r-fuchsia-700 | border-right-color: rgb(162 28 175); |
| border-r-fuchsia-800 | border-right-color: rgb(134 25 143); |
| border-r-fuchsia-900 | border-right-color: rgb(112 26 117); |
| border-r-fuchsia-950 | border-right-color: rgb(74 4 78); |
| border-r-pink-50 | border-right-color: rgb(253 242 248); |
| border-r-pink-100 | border-right-color: rgb(252 231 243); |
| border-r-pink-200 | border-right-color: rgb(251 207 232); |
| border-r-pink-300 | border-right-color: rgb(249 168 212); |
| border-r-pink-400 | border-right-color: rgb(244 114 182); |
| border-r-pink-500 | border-right-color: rgb(236 72 153); |
| border-r-pink-600 | border-right-color: rgb(219 39 119); |
| border-r-pink-700 | border-right-color: rgb(190 24 93); |
| border-r-pink-800 | border-right-color: rgb(157 23 77); |
| border-r-pink-900 | border-right-color: rgb(131 24 67); |
| border-r-pink-950 | border-right-color: rgb(80 7 36); |
| border-r-rose-50 | border-right-color: rgb(255 241 242); |
| border-r-rose-100 | border-right-color: rgb(255 228 230); |
| border-r-rose-200 | border-right-color: rgb(254 205 211); |
| border-r-rose-300 | border-right-color: rgb(253 164 175); |
| border-r-rose-400 | border-right-color: rgb(251 113 133); |
| border-r-rose-500 | border-right-color: rgb(244 63 94); |
| border-r-rose-600 | border-right-color: rgb(225 29 72); |
| border-r-rose-700 | border-right-color: rgb(190 18 60); |
| border-r-rose-800 | border-right-color: rgb(159 18 57); |
| border-r-rose-900 | border-right-color: rgb(136 19 55); |
| border-r-rose-950 | border-right-color: rgb(76 5 25); |
| border-b-inherit | border-bottom-color: inherit; |
| border-b-current | border-bottom-color: currentColor; |
| border-b-transparent | border-bottom-color: transparent; |
| border-b-black | border-bottom-color: rgb(0 0 0); |
| border-b-white | border-bottom-color: rgb(255 255 255); |
| border-b-slate-50 | border-bottom-color: rgb(248 250 252); |
| border-b-slate-100 | border-bottom-color: rgb(241 245 249); |
| border-b-slate-200 | border-bottom-color: rgb(226 232 240); |
| border-b-slate-300 | border-bottom-color: rgb(203 213 225); |
| border-b-slate-400 | border-bottom-color: rgb(148 163 184); |
| border-b-slate-500 | border-bottom-color: rgb(100 116 139); |
| border-b-slate-600 | border-bottom-color: rgb(71 85 105); |
| border-b-slate-700 | border-bottom-color: rgb(51 65 85); |
| border-b-slate-800 | border-bottom-color: rgb(30 41 59); |
| border-b-slate-900 | border-bottom-color: rgb(15 23 42); |
| border-b-slate-950 | border-bottom-color: rgb(2 6 23); |
| border-b-gray-50 | border-bottom-color: rgb(249 250 251); |
| border-b-gray-100 | border-bottom-color: rgb(243 244 246); |
| border-b-gray-200 | border-bottom-color: rgb(229 231 235); |
| border-b-gray-300 | border-bottom-color: rgb(209 213 219); |
| border-b-gray-400 | border-bottom-color: rgb(156 163 175); |
| border-b-gray-500 | border-bottom-color: rgb(107 114 128); |
| border-b-gray-600 | border-bottom-color: rgb(75 85 99); |
| border-b-gray-700 | border-bottom-color: rgb(55 65 81); |
| border-b-gray-800 | border-bottom-color: rgb(31 41 55); |
| border-b-gray-900 | border-bottom-color: rgb(17 24 39); |
| border-b-gray-950 | border-bottom-color: rgb(3 7 18); |
| border-b-zinc-50 | border-bottom-color: rgb(250 250 250); |
| border-b-zinc-100 | border-bottom-color: rgb(244 244 245); |
| border-b-zinc-200 | border-bottom-color: rgb(228 228 231); |
| border-b-zinc-300 | border-bottom-color: rgb(212 212 216); |
| border-b-zinc-400 | border-bottom-color: rgb(161 161 170); |
| border-b-zinc-500 | border-bottom-color: rgb(113 113 122); |
| border-b-zinc-600 | border-bottom-color: rgb(82 82 91); |
| border-b-zinc-700 | border-bottom-color: rgb(63 63 70); |
| border-b-zinc-800 | border-bottom-color: rgb(39 39 42); |
| border-b-zinc-900 | border-bottom-color: rgb(24 24 27); |
| border-b-zinc-950 | border-bottom-color: rgb(9 9 11); |
| border-b-neutral-50 | border-bottom-color: rgb(250 250 250); |
| border-b-neutral-100 | border-bottom-color: rgb(245 245 245); |
| border-b-neutral-200 | border-bottom-color: rgb(229 229 229); |
| border-b-neutral-300 | border-bottom-color: rgb(212 212 212); |
| border-b-neutral-400 | border-bottom-color: rgb(163 163 163); |
| border-b-neutral-500 | border-bottom-color: rgb(115 115 115); |
| border-b-neutral-600 | border-bottom-color: rgb(82 82 82); |
| border-b-neutral-700 | border-bottom-color: rgb(64 64 64); |
| border-b-neutral-800 | border-bottom-color: rgb(38 38 38); |
| border-b-neutral-900 | border-bottom-color: rgb(23 23 23); |
| border-b-neutral-950 | border-bottom-color: rgb(10 10 10); |
| border-b-stone-50 | border-bottom-color: rgb(250 250 249); |
| border-b-stone-100 | border-bottom-color: rgb(245 245 244); |
| border-b-stone-200 | border-bottom-color: rgb(231 229 228); |
| border-b-stone-300 | border-bottom-color: rgb(214 211 209); |
| border-b-stone-400 | border-bottom-color: rgb(168 162 158); |
| border-b-stone-500 | border-bottom-color: rgb(120 113 108); |
| border-b-stone-600 | border-bottom-color: rgb(87 83 78); |
| border-b-stone-700 | border-bottom-color: rgb(68 64 60); |
| border-b-stone-800 | border-bottom-color: rgb(41 37 36); |
| border-b-stone-900 | border-bottom-color: rgb(28 25 23); |
| border-b-stone-950 | border-bottom-color: rgb(12 10 9); |
| border-b-red-50 | border-bottom-color: rgb(254 242 242); |
| border-b-red-100 | border-bottom-color: rgb(254 226 226); |
| border-b-red-200 | border-bottom-color: rgb(254 202 202); |
| border-b-red-300 | border-bottom-color: rgb(252 165 165); |
| border-b-red-400 | border-bottom-color: rgb(248 113 113); |
| border-b-red-500 | border-bottom-color: rgb(239 68 68); |
| border-b-red-600 | border-bottom-color: rgb(220 38 38); |
| border-b-red-700 | border-bottom-color: rgb(185 28 28); |
| border-b-red-800 | border-bottom-color: rgb(153 27 27); |
| border-b-red-900 | border-bottom-color: rgb(127 29 29); |
| border-b-red-950 | border-bottom-color: rgb(69 10 10); |
| border-b-orange-50 | border-bottom-color: rgb(255 247 237); |
| border-b-orange-100 | border-bottom-color: rgb(255 237 213); |
| border-b-orange-200 | border-bottom-color: rgb(254 215 170); |
| border-b-orange-300 | border-bottom-color: rgb(253 186 116); |
| border-b-orange-400 | border-bottom-color: rgb(251 146 60); |
| border-b-orange-500 | border-bottom-color: rgb(249 115 22); |
| border-b-orange-600 | border-bottom-color: rgb(234 88 12); |
| border-b-orange-700 | border-bottom-color: rgb(194 65 12); |
| border-b-orange-800 | border-bottom-color: rgb(154 52 18); |
| border-b-orange-900 | border-bottom-color: rgb(124 45 18); |
| border-b-orange-950 | border-bottom-color: rgb(67 20 7); |
| border-b-amber-50 | border-bottom-color: rgb(255 251 235); |
| border-b-amber-100 | border-bottom-color: rgb(254 243 199); |
| border-b-amber-200 | border-bottom-color: rgb(253 230 138); |
| border-b-amber-300 | border-bottom-color: rgb(252 211 77); |
| border-b-amber-400 | border-bottom-color: rgb(251 191 36); |
| border-b-amber-500 | border-bottom-color: rgb(245 158 11); |
| border-b-amber-600 | border-bottom-color: rgb(217 119 6); |
| border-b-amber-700 | border-bottom-color: rgb(180 83 9); |
| border-b-amber-800 | border-bottom-color: rgb(146 64 14); |
| border-b-amber-900 | border-bottom-color: rgb(120 53 15); |
| border-b-amber-950 | border-bottom-color: rgb(69 26 3); |
| border-b-yellow-50 | border-bottom-color: rgb(254 252 232); |
| border-b-yellow-100 | border-bottom-color: rgb(254 249 195); |
| border-b-yellow-200 | border-bottom-color: rgb(254 240 138); |
| border-b-yellow-300 | border-bottom-color: rgb(253 224 71); |
| border-b-yellow-400 | border-bottom-color: rgb(250 204 21); |
| border-b-yellow-500 | border-bottom-color: rgb(234 179 8); |
| border-b-yellow-600 | border-bottom-color: rgb(202 138 4); |
| border-b-yellow-700 | border-bottom-color: rgb(161 98 7); |
| border-b-yellow-800 | border-bottom-color: rgb(133 77 14); |
| border-b-yellow-900 | border-bottom-color: rgb(113 63 18); |
| border-b-yellow-950 | border-bottom-color: rgb(66 32 6); |
| border-b-lime-50 | border-bottom-color: rgb(247 254 231); |
| border-b-lime-100 | border-bottom-color: rgb(236 252 203); |
| border-b-lime-200 | border-bottom-color: rgb(217 249 157); |
| border-b-lime-300 | border-bottom-color: rgb(190 242 100); |
| border-b-lime-400 | border-bottom-color: rgb(163 230 53); |
| border-b-lime-500 | border-bottom-color: rgb(132 204 22); |
| border-b-lime-600 | border-bottom-color: rgb(101 163 13); |
| border-b-lime-700 | border-bottom-color: rgb(77 124 15); |
| border-b-lime-800 | border-bottom-color: rgb(63 98 18); |
| border-b-lime-900 | border-bottom-color: rgb(54 83 20); |
| border-b-lime-950 | border-bottom-color: rgb(26 46 5); |
| border-b-green-50 | border-bottom-color: rgb(240 253 244); |
| border-b-green-100 | border-bottom-color: rgb(220 252 231); |
| border-b-green-200 | border-bottom-color: rgb(187 247 208); |
| border-b-green-300 | border-bottom-color: rgb(134 239 172); |
| border-b-green-400 | border-bottom-color: rgb(74 222 128); |
| border-b-green-500 | border-bottom-color: rgb(34 197 94); |
| border-b-green-600 | border-bottom-color: rgb(22 163 74); |
| border-b-green-700 | border-bottom-color: rgb(21 128 61); |
| border-b-green-800 | border-bottom-color: rgb(22 101 52); |
| border-b-green-900 | border-bottom-color: rgb(20 83 45); |
| border-b-green-950 | border-bottom-color: rgb(5 46 22); |
| border-b-emerald-50 | border-bottom-color: rgb(236 253 245); |
| border-b-emerald-100 | border-bottom-color: rgb(209 250 229); |
| border-b-emerald-200 | border-bottom-color: rgb(167 243 208); |
| border-b-emerald-300 | border-bottom-color: rgb(110 231 183); |
| border-b-emerald-400 | border-bottom-color: rgb(52 211 153); |
| border-b-emerald-500 | border-bottom-color: rgb(16 185 129); |
| border-b-emerald-600 | border-bottom-color: rgb(5 150 105); |
| border-b-emerald-700 | border-bottom-color: rgb(4 120 87); |
| border-b-emerald-800 | border-bottom-color: rgb(6 95 70); |
| border-b-emerald-900 | border-bottom-color: rgb(6 78 59); |
| border-b-emerald-950 | border-bottom-color: rgb(2 44 34); |
| border-b-teal-50 | border-bottom-color: rgb(240 253 250); |
| border-b-teal-100 | border-bottom-color: rgb(204 251 241); |
| border-b-teal-200 | border-bottom-color: rgb(153 246 228); |
| border-b-teal-300 | border-bottom-color: rgb(94 234 212); |
| border-b-teal-400 | border-bottom-color: rgb(45 212 191); |
| border-b-teal-500 | border-bottom-color: rgb(20 184 166); |
| border-b-teal-600 | border-bottom-color: rgb(13 148 136); |
| border-b-teal-700 | border-bottom-color: rgb(15 118 110); |
| border-b-teal-800 | border-bottom-color: rgb(17 94 89); |
| border-b-teal-900 | border-bottom-color: rgb(19 78 74); |
| border-b-teal-950 | border-bottom-color: rgb(4 47 46); |
| border-b-cyan-50 | border-bottom-color: rgb(236 254 255); |
| border-b-cyan-100 | border-bottom-color: rgb(207 250 254); |
| border-b-cyan-200 | border-bottom-color: rgb(165 243 252); |
| border-b-cyan-300 | border-bottom-color: rgb(103 232 249); |
| border-b-cyan-400 | border-bottom-color: rgb(34 211 238); |
| border-b-cyan-500 | border-bottom-color: rgb(6 182 212); |
| border-b-cyan-600 | border-bottom-color: rgb(8 145 178); |
| border-b-cyan-700 | border-bottom-color: rgb(14 116 144); |
| border-b-cyan-800 | border-bottom-color: rgb(21 94 117); |
| border-b-cyan-900 | border-bottom-color: rgb(22 78 99); |
| border-b-cyan-950 | border-bottom-color: rgb(8 51 68); |
| border-b-sky-50 | border-bottom-color: rgb(240 249 255); |
| border-b-sky-100 | border-bottom-color: rgb(224 242 254); |
| border-b-sky-200 | border-bottom-color: rgb(186 230 253); |
| border-b-sky-300 | border-bottom-color: rgb(125 211 252); |
| border-b-sky-400 | border-bottom-color: rgb(56 189 248); |
| border-b-sky-500 | border-bottom-color: rgb(14 165 233); |
| border-b-sky-600 | border-bottom-color: rgb(2 132 199); |
| border-b-sky-700 | border-bottom-color: rgb(3 105 161); |
| border-b-sky-800 | border-bottom-color: rgb(7 89 133); |
| border-b-sky-900 | border-bottom-color: rgb(12 74 110); |
| border-b-sky-950 | border-bottom-color: rgb(8 47 73); |
| border-b-blue-50 | border-bottom-color: rgb(239 246 255); |
| border-b-blue-100 | border-bottom-color: rgb(219 234 254); |
| border-b-blue-200 | border-bottom-color: rgb(191 219 254); |
| border-b-blue-300 | border-bottom-color: rgb(147 197 253); |
| border-b-blue-400 | border-bottom-color: rgb(96 165 250); |
| border-b-blue-500 | border-bottom-color: rgb(59 130 246); |
| border-b-blue-600 | border-bottom-color: rgb(37 99 235); |
| border-b-blue-700 | border-bottom-color: rgb(29 78 216); |
| border-b-blue-800 | border-bottom-color: rgb(30 64 175); |
| border-b-blue-900 | border-bottom-color: rgb(30 58 138); |
| border-b-blue-950 | border-bottom-color: rgb(23 37 84); |
| border-b-indigo-50 | border-bottom-color: rgb(238 242 255); |
| border-b-indigo-100 | border-bottom-color: rgb(224 231 255); |
| border-b-indigo-200 | border-bottom-color: rgb(199 210 254); |
| border-b-indigo-300 | border-bottom-color: rgb(165 180 252); |
| border-b-indigo-400 | border-bottom-color: rgb(129 140 248); |
| border-b-indigo-500 | border-bottom-color: rgb(99 102 241); |
| border-b-indigo-600 | border-bottom-color: rgb(79 70 229); |
| border-b-indigo-700 | border-bottom-color: rgb(67 56 202); |
| border-b-indigo-800 | border-bottom-color: rgb(55 48 163); |
| border-b-indigo-900 | border-bottom-color: rgb(49 46 129); |
| border-b-indigo-950 | border-bottom-color: rgb(30 27 75); |
| border-b-violet-50 | border-bottom-color: rgb(245 243 255); |
| border-b-violet-100 | border-bottom-color: rgb(237 233 254); |
| border-b-violet-200 | border-bottom-color: rgb(221 214 254); |
| border-b-violet-300 | border-bottom-color: rgb(196 181 253); |
| border-b-violet-400 | border-bottom-color: rgb(167 139 250); |
| border-b-violet-500 | border-bottom-color: rgb(139 92 246); |
| border-b-violet-600 | border-bottom-color: rgb(124 58 237); |
| border-b-violet-700 | border-bottom-color: rgb(109 40 217); |
| border-b-violet-800 | border-bottom-color: rgb(91 33 182); |
| border-b-violet-900 | border-bottom-color: rgb(76 29 149); |
| border-b-violet-950 | border-bottom-color: rgb(46 16 101); |
| border-b-purple-50 | border-bottom-color: rgb(250 245 255); |
| border-b-purple-100 | border-bottom-color: rgb(243 232 255); |
| border-b-purple-200 | border-bottom-color: rgb(233 213 255); |
| border-b-purple-300 | border-bottom-color: rgb(216 180 254); |
| border-b-purple-400 | border-bottom-color: rgb(192 132 252); |
| border-b-purple-500 | border-bottom-color: rgb(168 85 247); |
| border-b-purple-600 | border-bottom-color: rgb(147 51 234); |
| border-b-purple-700 | border-bottom-color: rgb(126 34 206); |
| border-b-purple-800 | border-bottom-color: rgb(107 33 168); |
| border-b-purple-900 | border-bottom-color: rgb(88 28 135); |
| border-b-purple-950 | border-bottom-color: rgb(59 7 100); |
| border-b-fuchsia-50 | border-bottom-color: rgb(253 244 255); |
| border-b-fuchsia-100 | border-bottom-color: rgb(250 232 255); |
| border-b-fuchsia-200 | border-bottom-color: rgb(245 208 254); |
| border-b-fuchsia-300 | border-bottom-color: rgb(240 171 252); |
| border-b-fuchsia-400 | border-bottom-color: rgb(232 121 249); |
| border-b-fuchsia-500 | border-bottom-color: rgb(217 70 239); |
| border-b-fuchsia-600 | border-bottom-color: rgb(192 38 211); |
| border-b-fuchsia-700 | border-bottom-color: rgb(162 28 175); |
| border-b-fuchsia-800 | border-bottom-color: rgb(134 25 143); |
| border-b-fuchsia-900 | border-bottom-color: rgb(112 26 117); |
| border-b-fuchsia-950 | border-bottom-color: rgb(74 4 78); |
| border-b-pink-50 | border-bottom-color: rgb(253 242 248); |
| border-b-pink-100 | border-bottom-color: rgb(252 231 243); |
| border-b-pink-200 | border-bottom-color: rgb(251 207 232); |
| border-b-pink-300 | border-bottom-color: rgb(249 168 212); |
| border-b-pink-400 | border-bottom-color: rgb(244 114 182); |
| border-b-pink-500 | border-bottom-color: rgb(236 72 153); |
| border-b-pink-600 | border-bottom-color: rgb(219 39 119); |
| border-b-pink-700 | border-bottom-color: rgb(190 24 93); |
| border-b-pink-800 | border-bottom-color: rgb(157 23 77); |
| border-b-pink-900 | border-bottom-color: rgb(131 24 67); |
| border-b-pink-950 | border-bottom-color: rgb(80 7 36); |
| border-b-rose-50 | border-bottom-color: rgb(255 241 242); |
| border-b-rose-100 | border-bottom-color: rgb(255 228 230); |
| border-b-rose-200 | border-bottom-color: rgb(254 205 211); |
| border-b-rose-300 | border-bottom-color: rgb(253 164 175); |
| border-b-rose-400 | border-bottom-color: rgb(251 113 133); |
| border-b-rose-500 | border-bottom-color: rgb(244 63 94); |
| border-b-rose-600 | border-bottom-color: rgb(225 29 72); |
| border-b-rose-700 | border-bottom-color: rgb(190 18 60); |
| border-b-rose-800 | border-bottom-color: rgb(159 18 57); |
| border-b-rose-900 | border-bottom-color: rgb(136 19 55); |
| border-b-rose-950 | border-bottom-color: rgb(76 5 25); |
| border-l-inherit | border-left-color: inherit; |
| border-l-current | border-left-color: currentColor; |
| border-l-transparent | border-left-color: transparent; |
| border-l-black | border-left-color: rgb(0 0 0); |
| border-l-white | border-left-color: rgb(255 255 255); |
| border-l-slate-50 | border-left-color: rgb(248 250 252); |
| border-l-slate-100 | border-left-color: rgb(241 245 249); |
| border-l-slate-200 | border-left-color: rgb(226 232 240); |
| border-l-slate-300 | border-left-color: rgb(203 213 225); |
| border-l-slate-400 | border-left-color: rgb(148 163 184); |
| border-l-slate-500 | border-left-color: rgb(100 116 139); |
| border-l-slate-600 | border-left-color: rgb(71 85 105); |
| border-l-slate-700 | border-left-color: rgb(51 65 85); |
| border-l-slate-800 | border-left-color: rgb(30 41 59); |
| border-l-slate-900 | border-left-color: rgb(15 23 42); |
| border-l-slate-950 | border-left-color: rgb(2 6 23); |
| border-l-gray-50 | border-left-color: rgb(249 250 251); |
| border-l-gray-100 | border-left-color: rgb(243 244 246); |
| border-l-gray-200 | border-left-color: rgb(229 231 235); |
| border-l-gray-300 | border-left-color: rgb(209 213 219); |
| border-l-gray-400 | border-left-color: rgb(156 163 175); |
| border-l-gray-500 | border-left-color: rgb(107 114 128); |
| border-l-gray-600 | border-left-color: rgb(75 85 99); |
| border-l-gray-700 | border-left-color: rgb(55 65 81); |
| border-l-gray-800 | border-left-color: rgb(31 41 55); |
| border-l-gray-900 | border-left-color: rgb(17 24 39); |
| border-l-gray-950 | border-left-color: rgb(3 7 18); |
| border-l-zinc-50 | border-left-color: rgb(250 250 250); |
| border-l-zinc-100 | border-left-color: rgb(244 244 245); |
| border-l-zinc-200 | border-left-color: rgb(228 228 231); |
| border-l-zinc-300 | border-left-color: rgb(212 212 216); |
| border-l-zinc-400 | border-left-color: rgb(161 161 170); |
| border-l-zinc-500 | border-left-color: rgb(113 113 122); |
| border-l-zinc-600 | border-left-color: rgb(82 82 91); |
| border-l-zinc-700 | border-left-color: rgb(63 63 70); |
| border-l-zinc-800 | border-left-color: rgb(39 39 42); |
| border-l-zinc-900 | border-left-color: rgb(24 24 27); |
| border-l-zinc-950 | border-left-color: rgb(9 9 11); |
| border-l-neutral-50 | border-left-color: rgb(250 250 250); |
| border-l-neutral-100 | border-left-color: rgb(245 245 245); |
| border-l-neutral-200 | border-left-color: rgb(229 229 229); |
| border-l-neutral-300 | border-left-color: rgb(212 212 212); |
| border-l-neutral-400 | border-left-color: rgb(163 163 163); |
| border-l-neutral-500 | border-left-color: rgb(115 115 115); |
| border-l-neutral-600 | border-left-color: rgb(82 82 82); |
| border-l-neutral-700 | border-left-color: rgb(64 64 64); |
| border-l-neutral-800 | border-left-color: rgb(38 38 38); |
| border-l-neutral-900 | border-left-color: rgb(23 23 23); |
| border-l-neutral-950 | border-left-color: rgb(10 10 10); |
| border-l-stone-50 | border-left-color: rgb(250 250 249); |
| border-l-stone-100 | border-left-color: rgb(245 245 244); |
| border-l-stone-200 | border-left-color: rgb(231 229 228); |
| border-l-stone-300 | border-left-color: rgb(214 211 209); |
| border-l-stone-400 | border-left-color: rgb(168 162 158); |
| border-l-stone-500 | border-left-color: rgb(120 113 108); |
| border-l-stone-600 | border-left-color: rgb(87 83 78); |
| border-l-stone-700 | border-left-color: rgb(68 64 60); |
| border-l-stone-800 | border-left-color: rgb(41 37 36); |
| border-l-stone-900 | border-left-color: rgb(28 25 23); |
| border-l-stone-950 | border-left-color: rgb(12 10 9); |
| border-l-red-50 | border-left-color: rgb(254 242 242); |
| border-l-red-100 | border-left-color: rgb(254 226 226); |
| border-l-red-200 | border-left-color: rgb(254 202 202); |
| border-l-red-300 | border-left-color: rgb(252 165 165); |
| border-l-red-400 | border-left-color: rgb(248 113 113); |
| border-l-red-500 | border-left-color: rgb(239 68 68); |
| border-l-red-600 | border-left-color: rgb(220 38 38); |
| border-l-red-700 | border-left-color: rgb(185 28 28); |
| border-l-red-800 | border-left-color: rgb(153 27 27); |
| border-l-red-900 | border-left-color: rgb(127 29 29); |
| border-l-red-950 | border-left-color: rgb(69 10 10); |
| border-l-orange-50 | border-left-color: rgb(255 247 237); |
| border-l-orange-100 | border-left-color: rgb(255 237 213); |
| border-l-orange-200 | border-left-color: rgb(254 215 170); |
| border-l-orange-300 | border-left-color: rgb(253 186 116); |
| border-l-orange-400 | border-left-color: rgb(251 146 60); |
| border-l-orange-500 | border-left-color: rgb(249 115 22); |
| border-l-orange-600 | border-left-color: rgb(234 88 12); |
| border-l-orange-700 | border-left-color: rgb(194 65 12); |
| border-l-orange-800 | border-left-color: rgb(154 52 18); |
| border-l-orange-900 | border-left-color: rgb(124 45 18); |
| border-l-orange-950 | border-left-color: rgb(67 20 7); |
| border-l-amber-50 | border-left-color: rgb(255 251 235); |
| border-l-amber-100 | border-left-color: rgb(254 243 199); |
| border-l-amber-200 | border-left-color: rgb(253 230 138); |
| border-l-amber-300 | border-left-color: rgb(252 211 77); |
| border-l-amber-400 | border-left-color: rgb(251 191 36); |
| border-l-amber-500 | border-left-color: rgb(245 158 11); |
| border-l-amber-600 | border-left-color: rgb(217 119 6); |
| border-l-amber-700 | border-left-color: rgb(180 83 9); |
| border-l-amber-800 | border-left-color: rgb(146 64 14); |
| border-l-amber-900 | border-left-color: rgb(120 53 15); |
| border-l-amber-950 | border-left-color: rgb(69 26 3); |
| border-l-yellow-50 | border-left-color: rgb(254 252 232); |
| border-l-yellow-100 | border-left-color: rgb(254 249 195); |
| border-l-yellow-200 | border-left-color: rgb(254 240 138); |
| border-l-yellow-300 | border-left-color: rgb(253 224 71); |
| border-l-yellow-400 | border-left-color: rgb(250 204 21); |
| border-l-yellow-500 | border-left-color: rgb(234 179 8); |
| border-l-yellow-600 | border-left-color: rgb(202 138 4); |
| border-l-yellow-700 | border-left-color: rgb(161 98 7); |
| border-l-yellow-800 | border-left-color: rgb(133 77 14); |
| border-l-yellow-900 | border-left-color: rgb(113 63 18); |
| border-l-yellow-950 | border-left-color: rgb(66 32 6); |
| border-l-lime-50 | border-left-color: rgb(247 254 231); |
| border-l-lime-100 | border-left-color: rgb(236 252 203); |
| border-l-lime-200 | border-left-color: rgb(217 249 157); |
| border-l-lime-300 | border-left-color: rgb(190 242 100); |
| border-l-lime-400 | border-left-color: rgb(163 230 53); |
| border-l-lime-500 | border-left-color: rgb(132 204 22); |
| border-l-lime-600 | border-left-color: rgb(101 163 13); |
| border-l-lime-700 | border-left-color: rgb(77 124 15); |
| border-l-lime-800 | border-left-color: rgb(63 98 18); |
| border-l-lime-900 | border-left-color: rgb(54 83 20); |
| border-l-lime-950 | border-left-color: rgb(26 46 5); |
| border-l-green-50 | border-left-color: rgb(240 253 244); |
| border-l-green-100 | border-left-color: rgb(220 252 231); |
| border-l-green-200 | border-left-color: rgb(187 247 208); |
| border-l-green-300 | border-left-color: rgb(134 239 172); |
| border-l-green-400 | border-left-color: rgb(74 222 128); |
| border-l-green-500 | border-left-color: rgb(34 197 94); |
| border-l-green-600 | border-left-color: rgb(22 163 74); |
| border-l-green-700 | border-left-color: rgb(21 128 61); |
| border-l-green-800 | border-left-color: rgb(22 101 52); |
| border-l-green-900 | border-left-color: rgb(20 83 45); |
| border-l-green-950 | border-left-color: rgb(5 46 22); |
| border-l-emerald-50 | border-left-color: rgb(236 253 245); |
| border-l-emerald-100 | border-left-color: rgb(209 250 229); |
| border-l-emerald-200 | border-left-color: rgb(167 243 208); |
| border-l-emerald-300 | border-left-color: rgb(110 231 183); |
| border-l-emerald-400 | border-left-color: rgb(52 211 153); |
| border-l-emerald-500 | border-left-color: rgb(16 185 129); |
| border-l-emerald-600 | border-left-color: rgb(5 150 105); |
| border-l-emerald-700 | border-left-color: rgb(4 120 87); |
| border-l-emerald-800 | border-left-color: rgb(6 95 70); |
| border-l-emerald-900 | border-left-color: rgb(6 78 59); |
| border-l-emerald-950 | border-left-color: rgb(2 44 34); |
| border-l-teal-50 | border-left-color: rgb(240 253 250); |
| border-l-teal-100 | border-left-color: rgb(204 251 241); |
| border-l-teal-200 | border-left-color: rgb(153 246 228); |
| border-l-teal-300 | border-left-color: rgb(94 234 212); |
| border-l-teal-400 | border-left-color: rgb(45 212 191); |
| border-l-teal-500 | border-left-color: rgb(20 184 166); |
| border-l-teal-600 | border-left-color: rgb(13 148 136); |
| border-l-teal-700 | border-left-color: rgb(15 118 110); |
| border-l-teal-800 | border-left-color: rgb(17 94 89); |
| border-l-teal-900 | border-left-color: rgb(19 78 74); |
| border-l-teal-950 | border-left-color: rgb(4 47 46); |
| border-l-cyan-50 | border-left-color: rgb(236 254 255); |
| border-l-cyan-100 | border-left-color: rgb(207 250 254); |
| border-l-cyan-200 | border-left-color: rgb(165 243 252); |
| border-l-cyan-300 | border-left-color: rgb(103 232 249); |
| border-l-cyan-400 | border-left-color: rgb(34 211 238); |
| border-l-cyan-500 | border-left-color: rgb(6 182 212); |
| border-l-cyan-600 | border-left-color: rgb(8 145 178); |
| border-l-cyan-700 | border-left-color: rgb(14 116 144); |
| border-l-cyan-800 | border-left-color: rgb(21 94 117); |
| border-l-cyan-900 | border-left-color: rgb(22 78 99); |
| border-l-cyan-950 | border-left-color: rgb(8 51 68); |
| border-l-sky-50 | border-left-color: rgb(240 249 255); |
| border-l-sky-100 | border-left-color: rgb(224 242 254); |
| border-l-sky-200 | border-left-color: rgb(186 230 253); |
| border-l-sky-300 | border-left-color: rgb(125 211 252); |
| border-l-sky-400 | border-left-color: rgb(56 189 248); |
| border-l-sky-500 | border-left-color: rgb(14 165 233); |
| border-l-sky-600 | border-left-color: rgb(2 132 199); |
| border-l-sky-700 | border-left-color: rgb(3 105 161); |
| border-l-sky-800 | border-left-color: rgb(7 89 133); |
| border-l-sky-900 | border-left-color: rgb(12 74 110); |
| border-l-sky-950 | border-left-color: rgb(8 47 73); |
| border-l-blue-50 | border-left-color: rgb(239 246 255); |
| border-l-blue-100 | border-left-color: rgb(219 234 254); |
| border-l-blue-200 | border-left-color: rgb(191 219 254); |
| border-l-blue-300 | border-left-color: rgb(147 197 253); |
| border-l-blue-400 | border-left-color: rgb(96 165 250); |
| border-l-blue-500 | border-left-color: rgb(59 130 246); |
| border-l-blue-600 | border-left-color: rgb(37 99 235); |
| border-l-blue-700 | border-left-color: rgb(29 78 216); |
| border-l-blue-800 | border-left-color: rgb(30 64 175); |
| border-l-blue-900 | border-left-color: rgb(30 58 138); |
| border-l-blue-950 | border-left-color: rgb(23 37 84); |
| border-l-indigo-50 | border-left-color: rgb(238 242 255); |
| border-l-indigo-100 | border-left-color: rgb(224 231 255); |
| border-l-indigo-200 | border-left-color: rgb(199 210 254); |
| border-l-indigo-300 | border-left-color: rgb(165 180 252); |
| border-l-indigo-400 | border-left-color: rgb(129 140 248); |
| border-l-indigo-500 | border-left-color: rgb(99 102 241); |
| border-l-indigo-600 | border-left-color: rgb(79 70 229); |
| border-l-indigo-700 | border-left-color: rgb(67 56 202); |
| border-l-indigo-800 | border-left-color: rgb(55 48 163); |
| border-l-indigo-900 | border-left-color: rgb(49 46 129); |
| border-l-indigo-950 | border-left-color: rgb(30 27 75); |
| border-l-violet-50 | border-left-color: rgb(245 243 255); |
| border-l-violet-100 | border-left-color: rgb(237 233 254); |
| border-l-violet-200 | border-left-color: rgb(221 214 254); |
| border-l-violet-300 | border-left-color: rgb(196 181 253); |
| border-l-violet-400 | border-left-color: rgb(167 139 250); |
| border-l-violet-500 | border-left-color: rgb(139 92 246); |
| border-l-violet-600 | border-left-color: rgb(124 58 237); |
| border-l-violet-700 | border-left-color: rgb(109 40 217); |
| border-l-violet-800 | border-left-color: rgb(91 33 182); |
| border-l-violet-900 | border-left-color: rgb(76 29 149); |
| border-l-violet-950 | border-left-color: rgb(46 16 101); |
| border-l-purple-50 | border-left-color: rgb(250 245 255); |
| border-l-purple-100 | border-left-color: rgb(243 232 255); |
| border-l-purple-200 | border-left-color: rgb(233 213 255); |
| border-l-purple-300 | border-left-color: rgb(216 180 254); |
| border-l-purple-400 | border-left-color: rgb(192 132 252); |
| border-l-purple-500 | border-left-color: rgb(168 85 247); |
| border-l-purple-600 | border-left-color: rgb(147 51 234); |
| border-l-purple-700 | border-left-color: rgb(126 34 206); |
| border-l-purple-800 | border-left-color: rgb(107 33 168); |
| border-l-purple-900 | border-left-color: rgb(88 28 135); |
| border-l-purple-950 | border-left-color: rgb(59 7 100); |
| border-l-fuchsia-50 | border-left-color: rgb(253 244 255); |
| border-l-fuchsia-100 | border-left-color: rgb(250 232 255); |
| border-l-fuchsia-200 | border-left-color: rgb(245 208 254); |
| border-l-fuchsia-300 | border-left-color: rgb(240 171 252); |
| border-l-fuchsia-400 | border-left-color: rgb(232 121 249); |
| border-l-fuchsia-500 | border-left-color: rgb(217 70 239); |
| border-l-fuchsia-600 | border-left-color: rgb(192 38 211); |
| border-l-fuchsia-700 | border-left-color: rgb(162 28 175); |
| border-l-fuchsia-800 | border-left-color: rgb(134 25 143); |
| border-l-fuchsia-900 | border-left-color: rgb(112 26 117); |
| border-l-fuchsia-950 | border-left-color: rgb(74 4 78); |
| border-l-pink-50 | border-left-color: rgb(253 242 248); |
| border-l-pink-100 | border-left-color: rgb(252 231 243); |
| border-l-pink-200 | border-left-color: rgb(251 207 232); |
| border-l-pink-300 | border-left-color: rgb(249 168 212); |
| border-l-pink-400 | border-left-color: rgb(244 114 182); |
| border-l-pink-500 | border-left-color: rgb(236 72 153); |
| border-l-pink-600 | border-left-color: rgb(219 39 119); |
| border-l-pink-700 | border-left-color: rgb(190 24 93); |
| border-l-pink-800 | border-left-color: rgb(157 23 77); |
| border-l-pink-900 | border-left-color: rgb(131 24 67); |
| border-l-pink-950 | border-left-color: rgb(80 7 36); |
| border-l-rose-50 | border-left-color: rgb(255 241 242); |
| border-l-rose-100 | border-left-color: rgb(255 228 230); |
| border-l-rose-200 | border-left-color: rgb(254 205 211); |
| border-l-rose-300 | border-left-color: rgb(253 164 175); |
| border-l-rose-400 | border-left-color: rgb(251 113 133); |
| border-l-rose-500 | border-left-color: rgb(244 63 94); |
| border-l-rose-600 | border-left-color: rgb(225 29 72); |
| border-l-rose-700 | border-left-color: rgb(190 18 60); |
| border-l-rose-800 | border-left-color: rgb(159 18 57); |
| border-l-rose-900 | border-left-color: rgb(136 19 55); |
| border-l-rose-950 | border-left-color: rgb(76 5 25); |
border style
| Tailwind CSS | CSS |
|---|---|
| border-solid | border-style: solid; |
| border-dashed | border-style: dashed; |
| border-dotted | border-style: dotted; |
| border-double | border-style: double; |
| border-hidden | border-style: hidden; |
| border-none | border-style: none; |
divide width
| Tailwind CSS | CSS |
|---|---|
| divide-x-0 > * + * | border-right-width: 0px; border-left-width: 0px; |
| divide-x-2 > * + * | border-right-width: 0px; border-left-width: 2px; |
| divide-x-4 > * + * | border-right-width: 0px; border-left-width: 4px; |
| divide-x-8 > * + * | border-right-width: 0px; border-left-width: 8px; |
| divide-x > * + * | border-right-width: 0px; border-left-width: 1px; |
| divide-y-0 > * + * | border-top-width: 0px; border-bottom-width: 0px; |
| divide-y-2 > * + * | border-top-width: 2px; border-bottom-width: 0px; |
| divide-y-4 > * + * | border-top-width: 4px; border-bottom-width: 0px; |
| divide-y-8 > * + * | border-top-width: 8px; border-bottom-width: 0px; |
| divide-y > * + * | border-top-width: 1px; border-bottom-width: 0px; |
| divide-y-reverse > * + * | --tw-divide-y-reverse: 1; |
| divide-x-reverse > * + * | --tw-divide-x-reverse: 1; |
divide color
| Tailwind CSS | CSS |
|---|---|
| divide-inherit > * + * | border-color: inherit; |
| divide-current > * + * | border-color: currentColor; |
| divide-transparent > * + * | border-color: transparent; |
| divide-black > * + * | border-color: rgb(0 0 0); |
| divide-white > * + * | border-color: rgb(255 255 255); |
| divide-slate-50 > * + * | border-color: rgb(248 250 252); |
| divide-slate-100 > * + * | border-color: rgb(241 245 249); |
| divide-slate-200 > * + * | border-color: rgb(226 232 240); |
| divide-slate-300 > * + * | border-color: rgb(203 213 225); |
| divide-slate-400 > * + * | border-color: rgb(148 163 184); |
| divide-slate-500 > * + * | border-color: rgb(100 116 139); |
| divide-slate-600 > * + * | border-color: rgb(71 85 105); |
| divide-slate-700 > * + * | border-color: rgb(51 65 85); |
| divide-slate-800 > * + * | border-color: rgb(30 41 59); |
| divide-slate-900 > * + * | border-color: rgb(15 23 42); |
| divide-slate-950 > * + * | border-color: rgb(2 6 23); |
| divide-gray-50 > * + * | border-color: rgb(249 250 251); |
| divide-gray-100 > * + * | border-color: rgb(243 244 246); |
| divide-gray-200 > * + * | border-color: rgb(229 231 235); |
| divide-gray-300 > * + * | border-color: rgb(209 213 219); |
| divide-gray-400 > * + * | border-color: rgb(156 163 175); |
| divide-gray-500 > * + * | border-color: rgb(107 114 128); |
| divide-gray-600 > * + * | border-color: rgb(75 85 99); |
| divide-gray-700 > * + * | border-color: rgb(55 65 81); |
| divide-gray-800 > * + * | border-color: rgb(31 41 55); |
| divide-gray-900 > * + * | border-color: rgb(17 24 39); |
| divide-gray-950 > * + * | border-color: rgb(3 7 18); |
| divide-zinc-50 > * + * | border-color: rgb(250 250 250); |
| divide-zinc-100 > * + * | border-color: rgb(244 244 245); |
| divide-zinc-200 > * + * | border-color: rgb(228 228 231); |
| divide-zinc-300 > * + * | border-color: rgb(212 212 216); |
| divide-zinc-400 > * + * | border-color: rgb(161 161 170); |
| divide-zinc-500 > * + * | border-color: rgb(113 113 122); |
| divide-zinc-600 > * + * | border-color: rgb(82 82 91); |
| divide-zinc-700 > * + * | border-color: rgb(63 63 70); |
| divide-zinc-800 > * + * | border-color: rgb(39 39 42); |
| divide-zinc-900 > * + * | border-color: rgb(24 24 27); |
| divide-zinc-950 > * + * | border-color: rgb(9 9 11); |
| divide-neutral-50 > * + * | border-color: rgb(250 250 250); |
| divide-neutral-100 > * + * | border-color: rgb(245 245 245); |
| divide-neutral-200 > * + * | border-color: rgb(229 229 229); |
| divide-neutral-300 > * + * | border-color: rgb(212 212 212); |
| divide-neutral-400 > * + * | border-color: rgb(163 163 163); |
| divide-neutral-500 > * + * | border-color: rgb(115 115 115); |
| divide-neutral-600 > * + * | border-color: rgb(82 82 82); |
| divide-neutral-700 > * + * | border-color: rgb(64 64 64); |
| divide-neutral-800 > * + * | border-color: rgb(38 38 38); |
| divide-neutral-900 > * + * | border-color: rgb(23 23 23); |
| divide-neutral-950 > * + * | border-color: rgb(10 10 10); |
| divide-stone-50 > * + * | border-color: rgb(250 250 249); |
| divide-stone-100 > * + * | border-color: rgb(245 245 244); |
| divide-stone-200 > * + * | border-color: rgb(231 229 228); |
| divide-stone-300 > * + * | border-color: rgb(214 211 209); |
| divide-stone-400 > * + * | border-color: rgb(168 162 158); |
| divide-stone-500 > * + * | border-color: rgb(120 113 108); |
| divide-stone-600 > * + * | border-color: rgb(87 83 78); |
| divide-stone-700 > * + * | border-color: rgb(68 64 60); |
| divide-stone-800 > * + * | border-color: rgb(41 37 36); |
| divide-stone-900 > * + * | border-color: rgb(28 25 23); |
| divide-stone-950 > * + * | border-color: rgb(12 10 9); |
| divide-red-50 > * + * | border-color: rgb(254 242 242); |
| divide-red-100 > * + * | border-color: rgb(254 226 226); |
| divide-red-200 > * + * | border-color: rgb(254 202 202); |
| divide-red-300 > * + * | border-color: rgb(252 165 165); |
| divide-red-400 > * + * | border-color: rgb(248 113 113); |
| divide-red-500 > * + * | border-color: rgb(239 68 68); |
| divide-red-600 > * + * | border-color: rgb(220 38 38); |
| divide-red-700 > * + * | border-color: rgb(185 28 28); |
| divide-red-800 > * + * | border-color: rgb(153 27 27); |
| divide-red-900 > * + * | border-color: rgb(127 29 29); |
| divide-red-950 > * + * | border-color: rgb(69 10 10); |
| divide-orange-50 > * + * | border-color: rgb(255 247 237); |
| divide-orange-100 > * + * | border-color: rgb(255 237 213); |
| divide-orange-200 > * + * | border-color: rgb(254 215 170); |
| divide-orange-300 > * + * | border-color: rgb(253 186 116); |
| divide-orange-400 > * + * | border-color: rgb(251 146 60); |
| divide-orange-500 > * + * | border-color: rgb(249 115 22); |
| divide-orange-600 > * + * | border-color: rgb(234 88 12); |
| divide-orange-700 > * + * | border-color: rgb(194 65 12); |
| divide-orange-800 > * + * | border-color: rgb(154 52 18); |
| divide-orange-900 > * + * | border-color: rgb(124 45 18); |
| divide-orange-950 > * + * | border-color: rgb(67 20 7); |
| divide-amber-50 > * + * | border-color: rgb(255 251 235); |
| divide-amber-100 > * + * | border-color: rgb(254 243 199); |
| divide-amber-200 > * + * | border-color: rgb(253 230 138); |
| divide-amber-300 > * + * | border-color: rgb(252 211 77); |
| divide-amber-400 > * + * | border-color: rgb(251 191 36); |
| divide-amber-500 > * + * | border-color: rgb(245 158 11); |
| divide-amber-600 > * + * | border-color: rgb(217 119 6); |
| divide-amber-700 > * + * | border-color: rgb(180 83 9); |
| divide-amber-800 > * + * | border-color: rgb(146 64 14); |
| divide-amber-900 > * + * | border-color: rgb(120 53 15); |
| divide-amber-950 > * + * | border-color: rgb(69 26 3); |
| divide-yellow-50 > * + * | border-color: rgb(254 252 232); |
| divide-yellow-100 > * + * | border-color: rgb(254 249 195); |
| divide-yellow-200 > * + * | border-color: rgb(254 240 138); |
| divide-yellow-300 > * + * | border-color: rgb(253 224 71); |
| divide-yellow-400 > * + * | border-color: rgb(250 204 21); |
| divide-yellow-500 > * + * | border-color: rgb(234 179 8); |
| divide-yellow-600 > * + * | border-color: rgb(202 138 4); |
| divide-yellow-700 > * + * | border-color: rgb(161 98 7); |
| divide-yellow-800 > * + * | border-color: rgb(133 77 14); |
| divide-yellow-900 > * + * | border-color: rgb(113 63 18); |
| divide-yellow-950 > * + * | border-color: rgb(66 32 6); |
| divide-lime-50 > * + * | border-color: rgb(247 254 231); |
| divide-lime-100 > * + * | border-color: rgb(236 252 203); |
| divide-lime-200 > * + * | border-color: rgb(217 249 157); |
| divide-lime-300 > * + * | border-color: rgb(190 242 100); |
| divide-lime-400 > * + * | border-color: rgb(163 230 53); |
| divide-lime-500 > * + * | border-color: rgb(132 204 22); |
| divide-lime-600 > * + * | border-color: rgb(101 163 13); |
| divide-lime-700 > * + * | border-color: rgb(77 124 15); |
| divide-lime-800 > * + * | border-color: rgb(63 98 18); |
| divide-lime-900 > * + * | border-color: rgb(54 83 20); |
| divide-lime-950 > * + * | border-color: rgb(26 46 5); |
| divide-green-50 > * + * | border-color: rgb(240 253 244); |
| divide-green-100 > * + * | border-color: rgb(220 252 231); |
| divide-green-200 > * + * | border-color: rgb(187 247 208); |
| divide-green-300 > * + * | border-color: rgb(134 239 172); |
| divide-green-400 > * + * | border-color: rgb(74 222 128); |
| divide-green-500 > * + * | border-color: rgb(34 197 94); |
| divide-green-600 > * + * | border-color: rgb(22 163 74); |
| divide-green-700 > * + * | border-color: rgb(21 128 61); |
| divide-green-800 > * + * | border-color: rgb(22 101 52); |
| divide-green-900 > * + * | border-color: rgb(20 83 45); |
| divide-green-950 > * + * | border-color: rgb(5 46 22); |
| divide-emerald-50 > * + * | border-color: rgb(236 253 245); |
| divide-emerald-100 > * + * | border-color: rgb(209 250 229); |
| divide-emerald-200 > * + * | border-color: rgb(167 243 208); |
| divide-emerald-300 > * + * | border-color: rgb(110 231 183); |
| divide-emerald-400 > * + * | border-color: rgb(52 211 153); |
| divide-emerald-500 > * + * | border-color: rgb(16 185 129); |
| divide-emerald-600 > * + * | border-color: rgb(5 150 105); |
| divide-emerald-700 > * + * | border-color: rgb(4 120 87); |
| divide-emerald-800 > * + * | border-color: rgb(6 95 70); |
| divide-emerald-900 > * + * | border-color: rgb(6 78 59); |
| divide-emerald-950 > * + * | border-color: rgb(2 44 34); |
| divide-teal-50 > * + * | border-color: rgb(240 253 250); |
| divide-teal-100 > * + * | border-color: rgb(204 251 241); |
| divide-teal-200 > * + * | border-color: rgb(153 246 228); |
| divide-teal-300 > * + * | border-color: rgb(94 234 212); |
| divide-teal-400 > * + * | border-color: rgb(45 212 191); |
| divide-teal-500 > * + * | border-color: rgb(20 184 166); |
| divide-teal-600 > * + * | border-color: rgb(13 148 136); |
| divide-teal-700 > * + * | border-color: rgb(15 118 110); |
| divide-teal-800 > * + * | border-color: rgb(17 94 89); |
| divide-teal-900 > * + * | border-color: rgb(19 78 74); |
| divide-teal-950 > * + * | border-color: rgb(4 47 46); |
| divide-cyan-50 > * + * | border-color: rgb(236 254 255); |
| divide-cyan-100 > * + * | border-color: rgb(207 250 254); |
| divide-cyan-200 > * + * | border-color: rgb(165 243 252); |
| divide-cyan-300 > * + * | border-color: rgb(103 232 249); |
| divide-cyan-400 > * + * | border-color: rgb(34 211 238); |
| divide-cyan-500 > * + * | border-color: rgb(6 182 212); |
| divide-cyan-600 > * + * | border-color: rgb(8 145 178); |
| divide-cyan-700 > * + * | border-color: rgb(14 116 144); |
| divide-cyan-800 > * + * | border-color: rgb(21 94 117); |
| divide-cyan-900 > * + * | border-color: rgb(22 78 99); |
| divide-cyan-950 > * + * | border-color: rgb(8 51 68); |
| divide-sky-50 > * + * | border-color: rgb(240 249 255); |
| divide-sky-100 > * + * | border-color: rgb(224 242 254); |
| divide-sky-200 > * + * | border-color: rgb(186 230 253); |
| divide-sky-300 > * + * | border-color: rgb(125 211 252); |
| divide-sky-400 > * + * | border-color: rgb(56 189 248); |
| divide-sky-500 > * + * | border-color: rgb(14 165 233); |
| divide-sky-600 > * + * | border-color: rgb(2 132 199); |
| divide-sky-700 > * + * | border-color: rgb(3 105 161); |
| divide-sky-800 > * + * | border-color: rgb(7 89 133); |
| divide-sky-900 > * + * | border-color: rgb(12 74 110); |
| divide-sky-950 > * + * | border-color: rgb(8 47 73); |
| divide-blue-50 > * + * | border-color: rgb(239 246 255); |
| divide-blue-100 > * + * | border-color: rgb(219 234 254); |
| divide-blue-200 > * + * | border-color: rgb(191 219 254); |
| divide-blue-300 > * + * | border-color: rgb(147 197 253); |
| divide-blue-400 > * + * | border-color: rgb(96 165 250); |
| divide-blue-500 > * + * | border-color: rgb(59 130 246); |
| divide-blue-600 > * + * | border-color: rgb(37 99 235); |
| divide-blue-700 > * + * | border-color: rgb(29 78 216); |
| divide-blue-800 > * + * | border-color: rgb(30 64 175); |
| divide-blue-900 > * + * | border-color: rgb(30 58 138); |
| divide-blue-950 > * + * | border-color: rgb(23 37 84); |
| divide-indigo-50 > * + * | border-color: rgb(238 242 255); |
| divide-indigo-100 > * + * | border-color: rgb(224 231 255); |
| divide-indigo-200 > * + * | border-color: rgb(199 210 254); |
| divide-indigo-300 > * + * | border-color: rgb(165 180 252); |
| divide-indigo-400 > * + * | border-color: rgb(129 140 248); |
| divide-indigo-500 > * + * | border-color: rgb(99 102 241); |
| divide-indigo-600 > * + * | border-color: rgb(79 70 229); |
| divide-indigo-700 > * + * | border-color: rgb(67 56 202); |
| divide-indigo-800 > * + * | border-color: rgb(55 48 163); |
| divide-indigo-900 > * + * | border-color: rgb(49 46 129); |
| divide-indigo-950 > * + * | border-color: rgb(30 27 75); |
| divide-violet-50 > * + * | border-color: rgb(245 243 255); |
| divide-violet-100 > * + * | border-color: rgb(237 233 254); |
| divide-violet-200 > * + * | border-color: rgb(221 214 254); |
| divide-violet-300 > * + * | border-color: rgb(196 181 253); |
| divide-violet-400 > * + * | border-color: rgb(167 139 250); |
| divide-violet-500 > * + * | border-color: rgb(139 92 246); |
| divide-violet-600 > * + * | border-color: rgb(124 58 237); |
| divide-violet-700 > * + * | border-color: rgb(109 40 217); |
| divide-violet-800 > * + * | border-color: rgb(91 33 182); |
| divide-violet-900 > * + * | border-color: rgb(76 29 149); |
| divide-violet-950 > * + * | border-color: rgb(46 16 101); |
| divide-purple-50 > * + * | border-color: rgb(250 245 255); |
| divide-purple-100 > * + * | border-color: rgb(243 232 255); |
| divide-purple-200 > * + * | border-color: rgb(233 213 255); |
| divide-purple-300 > * + * | border-color: rgb(216 180 254); |
| divide-purple-400 > * + * | border-color: rgb(192 132 252); |
| divide-purple-500 > * + * | border-color: rgb(168 85 247); |
| divide-purple-600 > * + * | border-color: rgb(147 51 234); |
| divide-purple-700 > * + * | border-color: rgb(126 34 206); |
| divide-purple-800 > * + * | border-color: rgb(107 33 168); |
| divide-purple-900 > * + * | border-color: rgb(88 28 135); |
| divide-purple-950 > * + * | border-color: rgb(59 7 100); |
| divide-fuchsia-50 > * + * | border-color: rgb(253 244 255); |
| divide-fuchsia-100 > * + * | border-color: rgb(250 232 255); |
| divide-fuchsia-200 > * + * | border-color: rgb(245 208 254); |
| divide-fuchsia-300 > * + * | border-color: rgb(240 171 252); |
| divide-fuchsia-400 > * + * | border-color: rgb(232 121 249); |
| divide-fuchsia-500 > * + * | border-color: rgb(217 70 239); |
| divide-fuchsia-600 > * + * | border-color: rgb(192 38 211); |
| divide-fuchsia-700 > * + * | border-color: rgb(162 28 175); |
| divide-fuchsia-800 > * + * | border-color: rgb(134 25 143); |
| divide-fuchsia-900 > * + * | border-color: rgb(112 26 117); |
| divide-fuchsia-950 > * + * | border-color: rgb(74 4 78); |
| divide-pink-50 > * + * | border-color: rgb(253 242 248); |
| divide-pink-100 > * + * | border-color: rgb(252 231 243); |
| divide-pink-200 > * + * | border-color: rgb(251 207 232); |
| divide-pink-300 > * + * | border-color: rgb(249 168 212); |
| divide-pink-400 > * + * | border-color: rgb(244 114 182); |
| divide-pink-500 > * + * | border-color: rgb(236 72 153); |
| divide-pink-600 > * + * | border-color: rgb(219 39 119); |
| divide-pink-700 > * + * | border-color: rgb(190 24 93); |
| divide-pink-800 > * + * | border-color: rgb(157 23 77); |
| divide-pink-900 > * + * | border-color: rgb(131 24 67); |
| divide-pink-950 > * + * | border-color: rgb(80 7 36); |
| divide-rose-50 > * + * | border-color: rgb(255 241 242); |
| divide-rose-100 > * + * | border-color: rgb(255 228 230); |
| divide-rose-200 > * + * | border-color: rgb(254 205 211); |
| divide-rose-300 > * + * | border-color: rgb(253 164 175); |
| divide-rose-400 > * + * | border-color: rgb(251 113 133); |
| divide-rose-500 > * + * | border-color: rgb(244 63 94); |
| divide-rose-600 > * + * | border-color: rgb(225 29 72); |
| divide-rose-700 > * + * | border-color: rgb(190 18 60); |
| divide-rose-800 > * + * | border-color: rgb(159 18 57); |
| divide-rose-900 > * + * | border-color: rgb(136 19 55); |
| divide-rose-950 > * + * | border-color: rgb(76 5 25); |
divide style
| Tailwind CSS | CSS |
|---|---|
| divide-solid > * + * | border-style: solid; |
| divide-dashed > * + * | border-style: dashed; |
| divide-dotted > * + * | border-style: dotted; |
| divide-double > * + * | border-style: double; |
| divide-none > * + * | border-style: none; |
outline width
| Tailwind CSS | CSS |
|---|---|
| outline-0 | outline-width: 0px; |
| outline-1 | outline-width: 1px; |
| outline-2 | outline-width: 2px; |
| outline-4 | outline-width: 4px; |
| outline-8 | outline-width: 8px; |
outline color
| Tailwind CSS | CSS |
|---|---|
| outline-inherit | outline-color: inherit; |
| outline-current | outline-color: currentColor; |
| outline-transparent | outline-color: transparent; |
| outline-black | outline-color: #000; |
| outline-white | outline-color: #fff; |
| outline-slate-50 | outline-color: #f8fafc; |
| outline-slate-100 | outline-color: #f1f5f9; |
| outline-slate-200 | outline-color: #e2e8f0; |
| outline-slate-300 | outline-color: #cbd5e1; |
| outline-slate-400 | outline-color: #94a3b8; |
| outline-slate-500 | outline-color: #64748b; |
| outline-slate-600 | outline-color: #475569; |
| outline-slate-700 | outline-color: #334155; |
| outline-slate-800 | outline-color: #1e293b; |
| outline-slate-900 | outline-color: #0f172a; |
| outline-slate-950 | outline-color: #020617; |
| outline-gray-50 | outline-color: #f9fafb; |
| outline-gray-100 | outline-color: #f3f4f6; |
| outline-gray-200 | outline-color: #e5e7eb; |
| outline-gray-300 | outline-color: #d1d5db; |
| outline-gray-400 | outline-color: #9ca3af; |
| outline-gray-500 | outline-color: #6b7280; |
| outline-gray-600 | outline-color: #4b5563; |
| outline-gray-700 | outline-color: #374151; |
| outline-gray-800 | outline-color: #1f2937; |
| outline-gray-900 | outline-color: #111827; |
| outline-gray-950 | outline-color: #030712; |
| outline-zinc-50 | outline-color: #fafafa; |
| outline-zinc-100 | outline-color: #f4f4f5; |
| outline-zinc-200 | outline-color: #e4e4e7; |
| outline-zinc-300 | outline-color: #d4d4d8; |
| outline-zinc-400 | outline-color: #a1a1aa; |
| outline-zinc-500 | outline-color: #71717a; |
| outline-zinc-600 | outline-color: #52525b; |
| outline-zinc-700 | outline-color: #3f3f46; |
| outline-zinc-800 | outline-color: #27272a; |
| outline-zinc-900 | outline-color: #18181b; |
| outline-zinc-950 | outline-color: #09090b; |
| outline-neutral-50 | outline-color: #fafafa; |
| outline-neutral-100 | outline-color: #f5f5f5; |
| outline-neutral-200 | outline-color: #e5e5e5; |
| outline-neutral-300 | outline-color: #d4d4d4; |
| outline-neutral-400 | outline-color: #a3a3a3; |
| outline-neutral-500 | outline-color: #737373; |
| outline-neutral-600 | outline-color: #525252; |
| outline-neutral-700 | outline-color: #404040; |
| outline-neutral-800 | outline-color: #262626; |
| outline-neutral-900 | outline-color: #171717; |
| outline-neutral-950 | outline-color: #0a0a0a; |
| outline-stone-50 | outline-color: #fafaf9; |
| outline-stone-100 | outline-color: #f5f5f4; |
| outline-stone-200 | outline-color: #e7e5e4; |
| outline-stone-300 | outline-color: #d6d3d1; |
| outline-stone-400 | outline-color: #a8a29e; |
| outline-stone-500 | outline-color: #78716c; |
| outline-stone-600 | outline-color: #57534e; |
| outline-stone-700 | outline-color: #44403c; |
| outline-stone-800 | outline-color: #292524; |
| outline-stone-900 | outline-color: #1c1917; |
| outline-stone-950 | outline-color: #0c0a09; |
| outline-red-50 | outline-color: #fef2f2; |
| outline-red-100 | outline-color: #fee2e2; |
| outline-red-200 | outline-color: #fecaca; |
| outline-red-300 | outline-color: #fca5a5; |
| outline-red-400 | outline-color: #f87171; |
| outline-red-500 | outline-color: #ef4444; |
| outline-red-600 | outline-color: #dc2626; |
| outline-red-700 | outline-color: #b91c1c; |
| outline-red-800 | outline-color: #991b1b; |
| outline-red-900 | outline-color: #7f1d1d; |
| outline-red-950 | outline-color: #450a0a; |
| outline-orange-50 | outline-color: #fff7ed; |
| outline-orange-100 | outline-color: #ffedd5; |
| outline-orange-200 | outline-color: #fed7aa; |
| outline-orange-300 | outline-color: #fdba74; |
| outline-orange-400 | outline-color: #fb923c; |
| outline-orange-500 | outline-color: #f97316; |
| outline-orange-600 | outline-color: #ea580c; |
| outline-orange-700 | outline-color: #c2410c; |
| outline-orange-800 | outline-color: #9a3412; |
| outline-orange-900 | outline-color: #7c2d12; |
| outline-orange-950 | outline-color: #431407; |
| outline-amber-50 | outline-color: #fffbeb; |
| outline-amber-100 | outline-color: #fef3c7; |
| outline-amber-200 | outline-color: #fde68a; |
| outline-amber-300 | outline-color: #fcd34d; |
| outline-amber-400 | outline-color: #fbbf24; |
| outline-amber-500 | outline-color: #f59e0b; |
| outline-amber-600 | outline-color: #d97706; |
| outline-amber-700 | outline-color: #b45309; |
| outline-amber-800 | outline-color: #92400e; |
| outline-amber-900 | outline-color: #78350f; |
| outline-amber-950 | outline-color: #451a03; |
| outline-yellow-50 | outline-color: #fefce8; |
| outline-yellow-100 | outline-color: #fef9c3; |
| outline-yellow-200 | outline-color: #fef08a; |
| outline-yellow-300 | outline-color: #fde047; |
| outline-yellow-400 | outline-color: #facc15; |
| outline-yellow-500 | outline-color: #eab308; |
| outline-yellow-600 | outline-color: #ca8a04; |
| outline-yellow-700 | outline-color: #a16207; |
| outline-yellow-800 | outline-color: #854d0e; |
| outline-yellow-900 | outline-color: #713f12; |
| outline-yellow-950 | outline-color: #422006; |
| outline-lime-50 | outline-color: #f7fee7; |
| outline-lime-100 | outline-color: #ecfccb; |
| outline-lime-200 | outline-color: #d9f99d; |
| outline-lime-300 | outline-color: #bef264; |
| outline-lime-400 | outline-color: #a3e635; |
| outline-lime-500 | outline-color: #84cc16; |
| outline-lime-600 | outline-color: #65a30d; |
| outline-lime-700 | outline-color: #4d7c0f; |
| outline-lime-800 | outline-color: #3f6212; |
| outline-lime-900 | outline-color: #365314; |
| outline-lime-950 | outline-color: #1a2e05; |
| outline-green-50 | outline-color: #f0fdf4; |
| outline-green-100 | outline-color: #dcfce7; |
| outline-green-200 | outline-color: #bbf7d0; |
| outline-green-300 | outline-color: #86efac; |
| outline-green-400 | outline-color: #4ade80; |
| outline-green-500 | outline-color: #22c55e; |
| outline-green-600 | outline-color: #16a34a; |
| outline-green-700 | outline-color: #15803d; |
| outline-green-800 | outline-color: #166534; |
| outline-green-900 | outline-color: #14532d; |
| outline-green-950 | outline-color: #052e16; |
| outline-emerald-50 | outline-color: #ecfdf5; |
| outline-emerald-100 | outline-color: #d1fae5; |
| outline-emerald-200 | outline-color: #a7f3d0; |
| outline-emerald-300 | outline-color: #6ee7b7; |
| outline-emerald-400 | outline-color: #34d399; |
| outline-emerald-500 | outline-color: #10b981; |
| outline-emerald-600 | outline-color: #059669; |
| outline-emerald-700 | outline-color: #047857; |
| outline-emerald-800 | outline-color: #065f46; |
| outline-emerald-900 | outline-color: #064e3b; |
| outline-emerald-950 | outline-color: #022c22; |
| outline-teal-50 | outline-color: #f0fdfa; |
| outline-teal-100 | outline-color: #ccfbf1; |
| outline-teal-200 | outline-color: #99f6e4; |
| outline-teal-300 | outline-color: #5eead4; |
| outline-teal-400 | outline-color: #2dd4bf; |
| outline-teal-500 | outline-color: #14b8a6; |
| outline-teal-600 | outline-color: #0d9488; |
| outline-teal-700 | outline-color: #0f766e; |
| outline-teal-800 | outline-color: #115e59; |
| outline-teal-900 | outline-color: #134e4a; |
| outline-teal-950 | outline-color: #042f2e; |
| outline-cyan-50 | outline-color: #ecfeff; |
| outline-cyan-100 | outline-color: #cffafe; |
| outline-cyan-200 | outline-color: #a5f3fc; |
| outline-cyan-300 | outline-color: #67e8f9; |
| outline-cyan-400 | outline-color: #22d3ee; |
| outline-cyan-500 | outline-color: #06b6d4; |
| outline-cyan-600 | outline-color: #0891b2; |
| outline-cyan-700 | outline-color: #0e7490; |
| outline-cyan-800 | outline-color: #155e75; |
| outline-cyan-900 | outline-color: #164e63; |
| outline-cyan-950 | outline-color: #083344; |
| outline-sky-50 | outline-color: #f0f9ff; |
| outline-sky-100 | outline-color: #e0f2fe; |
| outline-sky-200 | outline-color: #bae6fd; |
| outline-sky-300 | outline-color: #7dd3fc; |
| outline-sky-400 | outline-color: #38bdf8; |
| outline-sky-500 | outline-color: #0ea5e9; |
| outline-sky-600 | outline-color: #0284c7; |
| outline-sky-700 | outline-color: #0369a1; |
| outline-sky-800 | outline-color: #075985; |
| outline-sky-900 | outline-color: #0c4a6e; |
| outline-sky-950 | outline-color: #082f49; |
| outline-blue-50 | outline-color: #eff6ff; |
| outline-blue-100 | outline-color: #dbeafe; |
| outline-blue-200 | outline-color: #bfdbfe; |
| outline-blue-300 | outline-color: #93c5fd; |
| outline-blue-400 | outline-color: #60a5fa; |
| outline-blue-500 | outline-color: #3b82f6; |
| outline-blue-600 | outline-color: #2563eb; |
| outline-blue-700 | outline-color: #1d4ed8; |
| outline-blue-800 | outline-color: #1e40af; |
| outline-blue-900 | outline-color: #1e3a8a; |
| outline-blue-950 | outline-color: #172554; |
| outline-indigo-50 | outline-color: #eef2ff; |
| outline-indigo-100 | outline-color: #e0e7ff; |
| outline-indigo-200 | outline-color: #c7d2fe; |
| outline-indigo-300 | outline-color: #a5b4fc; |
| outline-indigo-400 | outline-color: #818cf8; |
| outline-indigo-500 | outline-color: #6366f1; |
| outline-indigo-600 | outline-color: #4f46e5; |
| outline-indigo-700 | outline-color: #4338ca; |
| outline-indigo-800 | outline-color: #3730a3; |
| outline-indigo-900 | outline-color: #312e81; |
| outline-indigo-950 | outline-color: #1e1b4b; |
| outline-violet-50 | outline-color: #f5f3ff; |
| outline-violet-100 | outline-color: #ede9fe; |
| outline-violet-200 | outline-color: #ddd6fe; |
| outline-violet-300 | outline-color: #c4b5fd; |
| outline-violet-400 | outline-color: #a78bfa; |
| outline-violet-500 | outline-color: #8b5cf6; |
| outline-violet-600 | outline-color: #7c3aed; |
| outline-violet-700 | outline-color: #6d28d9; |
| outline-violet-800 | outline-color: #5b21b6; |
| outline-violet-900 | outline-color: #4c1d95; |
| outline-violet-950 | outline-color: #2e1065; |
| outline-purple-50 | outline-color: #faf5ff; |
| outline-purple-100 | outline-color: #f3e8ff; |
| outline-purple-200 | outline-color: #e9d5ff; |
| outline-purple-300 | outline-color: #d8b4fe; |
| outline-purple-400 | outline-color: #c084fc; |
| outline-purple-500 | outline-color: #a855f7; |
| outline-purple-600 | outline-color: #9333ea; |
| outline-purple-700 | outline-color: #7e22ce; |
| outline-purple-800 | outline-color: #6b21a8; |
| outline-purple-900 | outline-color: #581c87; |
| outline-purple-950 | outline-color: #3b0764; |
| outline-fuchsia-50 | outline-color: #fdf4ff; |
| outline-fuchsia-100 | outline-color: #fae8ff; |
| outline-fuchsia-200 | outline-color: #f5d0fe; |
| outline-fuchsia-300 | outline-color: #f0abfc; |
| outline-fuchsia-400 | outline-color: #e879f9; |
| outline-fuchsia-500 | outline-color: #d946ef; |
| outline-fuchsia-600 | outline-color: #c026d3; |
| outline-fuchsia-700 | outline-color: #a21caf; |
| outline-fuchsia-800 | outline-color: #86198f; |
| outline-fuchsia-900 | outline-color: #701a75; |
| outline-fuchsia-950 | outline-color: #4a044e; |
| outline-pink-50 | outline-color: #fdf2f8; |
| outline-pink-100 | outline-color: #fce7f3; |
| outline-pink-200 | outline-color: #fbcfe8; |
| outline-pink-300 | outline-color: #f9a8d4; |
| outline-pink-400 | outline-color: #f472b6; |
| outline-pink-500 | outline-color: #ec4899; |
| outline-pink-600 | outline-color: #db2777; |
| outline-pink-700 | outline-color: #be185d; |
| outline-pink-800 | outline-color: #9d174d; |
| outline-pink-900 | outline-color: #831843; |
| outline-pink-950 | outline-color: #500724; |
| outline-rose-50 | outline-color: #fff1f2; |
| outline-rose-100 | outline-color: #ffe4e6; |
| outline-rose-200 | outline-color: #fecdd3; |
| outline-rose-300 | outline-color: #fda4af; |
| outline-rose-400 | outline-color: #fb7185; |
| outline-rose-500 | outline-color: #f43f5e; |
| outline-rose-600 | outline-color: #e11d48; |
| outline-rose-700 | outline-color: #be123c; |
| outline-rose-800 | outline-color: #9f1239; |
| outline-rose-900 | outline-color: #881337; |
| outline-rose-950 | outline-color: #4c0519; |
outline style
| Tailwind CSS | CSS |
|---|---|
| outline-none | outline: 2px solid transparent; outline-offset: 2px; |
| outline | outline-style: solid; |
| outline-dashed | outline-style: dashed; |
| outline-dotted | outline-style: dotted; |
| outline-double | outline-style: double; |
outline offset
| Tailwind CSS | CSS |
|---|---|
| outline-offset-0 | outline-offset: 0px; |
| outline-offset-1 | outline-offset: 1px; |
| outline-offset-2 | outline-offset: 2px; |
| outline-offset-4 | outline-offset: 4px; |
| outline-offset-8 | outline-offset: 8px; |
ring width
| Tailwind CSS | CSS |
|---|---|
| ring-0 | box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| ring-1 | box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| ring-2 | box-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| ring | box-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| ring-4 | box-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| ring-8 | box-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| ring-inset | --tw-ring-inset: inset; |
ring color
| Tailwind CSS | CSS |
|---|---|
| ring-inherit | --tw-ring-color: inherit; |
| ring-current | --tw-ring-color: currentColor; |
| ring-transparent | --tw-ring-color: transparent; |
| ring-black | --tw-ring-color: rgb(0 0 0); |
| ring-white | --tw-ring-color: rgb(255 255 255); |
| ring-slate-50 | --tw-ring-color: rgb(248 250 252); |
| ring-slate-100 | --tw-ring-color: rgb(241 245 249); |
| ring-slate-200 | --tw-ring-color: rgb(226 232 240); |
| ring-slate-300 | --tw-ring-color: rgb(203 213 225); |
| ring-slate-400 | --tw-ring-color: rgb(148 163 184); |
| ring-slate-500 | --tw-ring-color: rgb(100 116 139); |
| ring-slate-600 | --tw-ring-color: rgb(71 85 105); |
| ring-slate-700 | --tw-ring-color: rgb(51 65 85); |
| ring-slate-800 | --tw-ring-color: rgb(30 41 59); |
| ring-slate-900 | --tw-ring-color: rgb(15 23 42); |
| ring-slate-950 | --tw-ring-color: rgb(2 6 23); |
| ring-gray-50 | --tw-ring-color: rgb(249 250 251); |
| ring-gray-100 | --tw-ring-color: rgb(243 244 246); |
| ring-gray-200 | --tw-ring-color: rgb(229 231 235); |
| ring-gray-300 | --tw-ring-color: rgb(209 213 219); |
| ring-gray-400 | --tw-ring-color: rgb(156 163 175); |
| ring-gray-500 | --tw-ring-color: rgb(107 114 128); |
| ring-gray-600 | --tw-ring-color: rgb(75 85 99); |
| ring-gray-700 | --tw-ring-color: rgb(55 65 81); |
| ring-gray-800 | --tw-ring-color: rgb(31 41 55); |
| ring-gray-900 | --tw-ring-color: rgb(17 24 39); |
| ring-gray-950 | --tw-ring-color: rgb(3 7 18); |
| ring-zinc-50 | --tw-ring-color: rgb(250 250 250); |
| ring-zinc-100 | --tw-ring-color: rgb(244 244 245); |
| ring-zinc-200 | --tw-ring-color: rgb(228 228 231); |
| ring-zinc-300 | --tw-ring-color: rgb(212 212 216); |
| ring-zinc-400 | --tw-ring-color: rgb(161 161 170); |
| ring-zinc-500 | --tw-ring-color: rgb(113 113 122); |
| ring-zinc-600 | --tw-ring-color: rgb(82 82 91); |
| ring-zinc-700 | --tw-ring-color: rgb(63 63 70); |
| ring-zinc-800 | --tw-ring-color: rgb(39 39 42); |
| ring-zinc-900 | --tw-ring-color: rgb(24 24 27); |
| ring-zinc-950 | --tw-ring-color: rgb(9 9 11); |
| ring-neutral-50 | --tw-ring-color: rgb(250 250 250); |
| ring-neutral-100 | --tw-ring-color: rgb(245 245 245); |
| ring-neutral-200 | --tw-ring-color: rgb(229 229 229); |
| ring-neutral-300 | --tw-ring-color: rgb(212 212 212); |
| ring-neutral-400 | --tw-ring-color: rgb(163 163 163); |
| ring-neutral-500 | --tw-ring-color: rgb(115 115 115); |
| ring-neutral-600 | --tw-ring-color: rgb(82 82 82); |
| ring-neutral-700 | --tw-ring-color: rgb(64 64 64); |
| ring-neutral-800 | --tw-ring-color: rgb(38 38 38); |
| ring-neutral-900 | --tw-ring-color: rgb(23 23 23); |
| ring-neutral-950 | --tw-ring-color: rgb(10 10 10); |
| ring-stone-50 | --tw-ring-color: rgb(250 250 249); |
| ring-stone-100 | --tw-ring-color: rgb(245 245 244); |
| ring-stone-200 | --tw-ring-color: rgb(231 229 228); |
| ring-stone-300 | --tw-ring-color: rgb(214 211 209); |
| ring-stone-400 | --tw-ring-color: rgb(168 162 158); |
| ring-stone-500 | --tw-ring-color: rgb(120 113 108); |
| ring-stone-600 | --tw-ring-color: rgb(87 83 78); |
| ring-stone-700 | --tw-ring-color: rgb(68 64 60); |
| ring-stone-800 | --tw-ring-color: rgb(41 37 36); |
| ring-stone-900 | --tw-ring-color: rgb(28 25 23); |
| ring-stone-950 | --tw-ring-color: rgb(12 10 9); |
| ring-red-50 | --tw-ring-color: rgb(254 242 242); |
| ring-red-100 | --tw-ring-color: rgb(254 226 226); |
| ring-red-200 | --tw-ring-color: rgb(254 202 202); |
| ring-red-300 | --tw-ring-color: rgb(252 165 165); |
| ring-red-400 | --tw-ring-color: rgb(248 113 113); |
| ring-red-500 | --tw-ring-color: rgb(239 68 68); |
| ring-red-600 | --tw-ring-color: rgb(220 38 38); |
| ring-red-700 | --tw-ring-color: rgb(185 28 28); |
| ring-red-800 | --tw-ring-color: rgb(153 27 27); |
| ring-red-900 | --tw-ring-color: rgb(127 29 29); |
| ring-red-950 | --tw-ring-color: rgb(69 10 10); |
| ring-orange-50 | --tw-ring-color: rgb(255 247 237); |
| ring-orange-100 | --tw-ring-color: rgb(255 237 213); |
| ring-orange-200 | --tw-ring-color: rgb(254 215 170); |
| ring-orange-300 | --tw-ring-color: rgb(253 186 116); |
| ring-orange-400 | --tw-ring-color: rgb(251 146 60); |
| ring-orange-500 | --tw-ring-color: rgb(249 115 22); |
| ring-orange-600 | --tw-ring-color: rgb(234 88 12); |
| ring-orange-700 | --tw-ring-color: rgb(194 65 12); |
| ring-orange-800 | --tw-ring-color: rgb(154 52 18); |
| ring-orange-900 | --tw-ring-color: rgb(124 45 18); |
| ring-orange-950 | --tw-ring-color: rgb(67 20 7); |
| ring-amber-50 | --tw-ring-color: rgb(255 251 235); |
| ring-amber-100 | --tw-ring-color: rgb(254 243 199); |
| ring-amber-200 | --tw-ring-color: rgb(253 230 138); |
| ring-amber-300 | --tw-ring-color: rgb(252 211 77); |
| ring-amber-400 | --tw-ring-color: rgb(251 191 36); |
| ring-amber-500 | --tw-ring-color: rgb(245 158 11); |
| ring-amber-600 | --tw-ring-color: rgb(217 119 6); |
| ring-amber-700 | --tw-ring-color: rgb(180 83 9); |
| ring-amber-800 | --tw-ring-color: rgb(146 64 14); |
| ring-amber-900 | --tw-ring-color: rgb(120 53 15); |
| ring-amber-950 | --tw-ring-color: rgb(69 26 3); |
| ring-yellow-50 | --tw-ring-color: rgb(254 252 232); |
| ring-yellow-100 | --tw-ring-color: rgb(254 249 195); |
| ring-yellow-200 | --tw-ring-color: rgb(254 240 138); |
| ring-yellow-300 | --tw-ring-color: rgb(253 224 71); |
| ring-yellow-400 | --tw-ring-color: rgb(250 204 21); |
| ring-yellow-500 | --tw-ring-color: rgb(234 179 8); |
| ring-yellow-600 | --tw-ring-color: rgb(202 138 4); |
| ring-yellow-700 | --tw-ring-color: rgb(161 98 7); |
| ring-yellow-800 | --tw-ring-color: rgb(133 77 14); |
| ring-yellow-900 | --tw-ring-color: rgb(113 63 18); |
| ring-yellow-950 | --tw-ring-color: rgb(66 32 6); |
| ring-lime-50 | --tw-ring-color: rgb(247 254 231); |
| ring-lime-100 | --tw-ring-color: rgb(236 252 203); |
| ring-lime-200 | --tw-ring-color: rgb(217 249 157); |
| ring-lime-300 | --tw-ring-color: rgb(190 242 100); |
| ring-lime-400 | --tw-ring-color: rgb(163 230 53); |
| ring-lime-500 | --tw-ring-color: rgb(132 204 22); |
| ring-lime-600 | --tw-ring-color: rgb(101 163 13); |
| ring-lime-700 | --tw-ring-color: rgb(77 124 15); |
| ring-lime-800 | --tw-ring-color: rgb(63 98 18); |
| ring-lime-900 | --tw-ring-color: rgb(54 83 20); |
| ring-lime-950 | --tw-ring-color: rgb(26 46 5); |
| ring-green-50 | --tw-ring-color: rgb(240 253 244); |
| ring-green-100 | --tw-ring-color: rgb(220 252 231); |
| ring-green-200 | --tw-ring-color: rgb(187 247 208); |
| ring-green-300 | --tw-ring-color: rgb(134 239 172); |
| ring-green-400 | --tw-ring-color: rgb(74 222 128); |
| ring-green-500 | --tw-ring-color: rgb(34 197 94); |
| ring-green-600 | --tw-ring-color: rgb(22 163 74); |
| ring-green-700 | --tw-ring-color: rgb(21 128 61); |
| ring-green-800 | --tw-ring-color: rgb(22 101 52); |
| ring-green-900 | --tw-ring-color: rgb(20 83 45); |
| ring-green-950 | --tw-ring-color: rgb(5 46 22); |
| ring-emerald-50 | --tw-ring-color: rgb(236 253 245); |
| ring-emerald-100 | --tw-ring-color: rgb(209 250 229); |
| ring-emerald-200 | --tw-ring-color: rgb(167 243 208); |
| ring-emerald-300 | --tw-ring-color: rgb(110 231 183); |
| ring-emerald-400 | --tw-ring-color: rgb(52 211 153); |
| ring-emerald-500 | --tw-ring-color: rgb(16 185 129); |
| ring-emerald-600 | --tw-ring-color: rgb(5 150 105); |
| ring-emerald-700 | --tw-ring-color: rgb(4 120 87); |
| ring-emerald-800 | --tw-ring-color: rgb(6 95 70); |
| ring-emerald-900 | --tw-ring-color: rgb(6 78 59); |
| ring-emerald-950 | --tw-ring-color: rgb(2 44 34); |
| ring-teal-50 | --tw-ring-color: rgb(240 253 250); |
| ring-teal-100 | --tw-ring-color: rgb(204 251 241); |
| ring-teal-200 | --tw-ring-color: rgb(153 246 228); |
| ring-teal-300 | --tw-ring-color: rgb(94 234 212); |
| ring-teal-400 | --tw-ring-color: rgb(45 212 191); |
| ring-teal-500 | --tw-ring-color: rgb(20 184 166); |
| ring-teal-600 | --tw-ring-color: rgb(13 148 136); |
| ring-teal-700 | --tw-ring-color: rgb(15 118 110); |
| ring-teal-800 | --tw-ring-color: rgb(17 94 89); |
| ring-teal-900 | --tw-ring-color: rgb(19 78 74); |
| ring-teal-950 | --tw-ring-color: rgb(4 47 46); |
| ring-cyan-50 | --tw-ring-color: rgb(236 254 255); |
| ring-cyan-100 | --tw-ring-color: rgb(207 250 254); |
| ring-cyan-200 | --tw-ring-color: rgb(165 243 252); |
| ring-cyan-300 | --tw-ring-color: rgb(103 232 249); |
| ring-cyan-400 | --tw-ring-color: rgb(34 211 238); |
| ring-cyan-500 | --tw-ring-color: rgb(6 182 212); |
| ring-cyan-600 | --tw-ring-color: rgb(8 145 178); |
| ring-cyan-700 | --tw-ring-color: rgb(14 116 144); |
| ring-cyan-800 | --tw-ring-color: rgb(21 94 117); |
| ring-cyan-900 | --tw-ring-color: rgb(22 78 99); |
| ring-cyan-950 | --tw-ring-color: rgb(8 51 68); |
| ring-sky-50 | --tw-ring-color: rgb(240 249 255); |
| ring-sky-100 | --tw-ring-color: rgb(224 242 254); |
| ring-sky-200 | --tw-ring-color: rgb(186 230 253); |
| ring-sky-300 | --tw-ring-color: rgb(125 211 252); |
| ring-sky-400 | --tw-ring-color: rgb(56 189 248); |
| ring-sky-500 | --tw-ring-color: rgb(14 165 233); |
| ring-sky-600 | --tw-ring-color: rgb(2 132 199); |
| ring-sky-700 | --tw-ring-color: rgb(3 105 161); |
| ring-sky-800 | --tw-ring-color: rgb(7 89 133); |
| ring-sky-900 | --tw-ring-color: rgb(12 74 110); |
| ring-sky-950 | --tw-ring-color: rgb(8 47 73); |
| ring-blue-50 | --tw-ring-color: rgb(239 246 255); |
| ring-blue-100 | --tw-ring-color: rgb(219 234 254); |
| ring-blue-200 | --tw-ring-color: rgb(191 219 254); |
| ring-blue-300 | --tw-ring-color: rgb(147 197 253); |
| ring-blue-400 | --tw-ring-color: rgb(96 165 250); |
| ring-blue-500 | --tw-ring-color: rgb(59 130 246); |
| ring-blue-600 | --tw-ring-color: rgb(37 99 235); |
| ring-blue-700 | --tw-ring-color: rgb(29 78 216); |
| ring-blue-800 | --tw-ring-color: rgb(30 64 175); |
| ring-blue-900 | --tw-ring-color: rgb(30 58 138); |
| ring-blue-950 | --tw-ring-color: rgb(23 37 84); |
| ring-indigo-50 | --tw-ring-color: rgb(238 242 255); |
| ring-indigo-100 | --tw-ring-color: rgb(224 231 255); |
| ring-indigo-200 | --tw-ring-color: rgb(199 210 254); |
| ring-indigo-300 | --tw-ring-color: rgb(165 180 252); |
| ring-indigo-400 | --tw-ring-color: rgb(129 140 248); |
| ring-indigo-500 | --tw-ring-color: rgb(99 102 241); |
| ring-indigo-600 | --tw-ring-color: rgb(79 70 229); |
| ring-indigo-700 | --tw-ring-color: rgb(67 56 202); |
| ring-indigo-800 | --tw-ring-color: rgb(55 48 163); |
| ring-indigo-900 | --tw-ring-color: rgb(49 46 129); |
| ring-indigo-950 | --tw-ring-color: rgb(30 27 75); |
| ring-violet-50 | --tw-ring-color: rgb(245 243 255); |
| ring-violet-100 | --tw-ring-color: rgb(237 233 254); |
| ring-violet-200 | --tw-ring-color: rgb(221 214 254); |
| ring-violet-300 | --tw-ring-color: rgb(196 181 253); |
| ring-violet-400 | --tw-ring-color: rgb(167 139 250); |
| ring-violet-500 | --tw-ring-color: rgb(139 92 246); |
| ring-violet-600 | --tw-ring-color: rgb(124 58 237); |
| ring-violet-700 | --tw-ring-color: rgb(109 40 217); |
| ring-violet-800 | --tw-ring-color: rgb(91 33 182); |
| ring-violet-900 | --tw-ring-color: rgb(76 29 149); |
| ring-violet-950 | --tw-ring-color: rgb(46 16 101); |
| ring-purple-50 | --tw-ring-color: rgb(250 245 255); |
| ring-purple-100 | --tw-ring-color: rgb(243 232 255); |
| ring-purple-200 | --tw-ring-color: rgb(233 213 255); |
| ring-purple-300 | --tw-ring-color: rgb(216 180 254); |
| ring-purple-400 | --tw-ring-color: rgb(192 132 252); |
| ring-purple-500 | --tw-ring-color: rgb(168 85 247); |
| ring-purple-600 | --tw-ring-color: rgb(147 51 234); |
| ring-purple-700 | --tw-ring-color: rgb(126 34 206); |
| ring-purple-800 | --tw-ring-color: rgb(107 33 168); |
| ring-purple-900 | --tw-ring-color: rgb(88 28 135); |
| ring-purple-950 | --tw-ring-color: rgb(59 7 100); |
| ring-fuchsia-50 | --tw-ring-color: rgb(253 244 255); |
| ring-fuchsia-100 | --tw-ring-color: rgb(250 232 255); |
| ring-fuchsia-200 | --tw-ring-color: rgb(245 208 254); |
| ring-fuchsia-300 | --tw-ring-color: rgb(240 171 252); |
| ring-fuchsia-400 | --tw-ring-color: rgb(232 121 249); |
| ring-fuchsia-500 | --tw-ring-color: rgb(217 70 239); |
| ring-fuchsia-600 | --tw-ring-color: rgb(192 38 211); |
| ring-fuchsia-700 | --tw-ring-color: rgb(162 28 175); |
| ring-fuchsia-800 | --tw-ring-color: rgb(134 25 143); |
| ring-fuchsia-900 | --tw-ring-color: rgb(112 26 117); |
| ring-fuchsia-950 | --tw-ring-color: rgb(74 4 78); |
| ring-pink-50 | --tw-ring-color: rgb(253 242 248); |
| ring-pink-100 | --tw-ring-color: rgb(252 231 243); |
| ring-pink-200 | --tw-ring-color: rgb(251 207 232); |
| ring-pink-300 | --tw-ring-color: rgb(249 168 212); |
| ring-pink-400 | --tw-ring-color: rgb(244 114 182); |
| ring-pink-500 | --tw-ring-color: rgb(236 72 153); |
| ring-pink-600 | --tw-ring-color: rgb(219 39 119); |
| ring-pink-700 | --tw-ring-color: rgb(190 24 93); |
| ring-pink-800 | --tw-ring-color: rgb(157 23 77); |
| ring-pink-900 | --tw-ring-color: rgb(131 24 67); |
| ring-pink-950 | --tw-ring-color: rgb(80 7 36); |
| ring-rose-50 | --tw-ring-color: rgb(255 241 242); |
| ring-rose-100 | --tw-ring-color: rgb(255 228 230); |
| ring-rose-200 | --tw-ring-color: rgb(254 205 211); |
| ring-rose-300 | --tw-ring-color: rgb(253 164 175); |
| ring-rose-400 | --tw-ring-color: rgb(251 113 133); |
| ring-rose-500 | --tw-ring-color: rgb(244 63 94); |
| ring-rose-600 | --tw-ring-color: rgb(225 29 72); |
| ring-rose-700 | --tw-ring-color: rgb(190 18 60); |
| ring-rose-800 | --tw-ring-color: rgb(159 18 57); |
| ring-rose-900 | --tw-ring-color: rgb(136 19 55); |
| ring-rose-950 | --tw-ring-color: rgb(76 5 25); |
ring offset width
| Tailwind CSS | CSS |
|---|---|
| ring-offset-0 | --tw-ring-offset-width: 0px; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-1 | --tw-ring-offset-width: 1px; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-2 | --tw-ring-offset-width: 2px; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-4 | --tw-ring-offset-width: 4px; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-8 | --tw-ring-offset-width: 8px; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
ring offset color
| Tailwind CSS | CSS |
|---|---|
| ring-offset-inherit | --tw-ring-offset-color: inherit; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-current | --tw-ring-offset-color: currentColor; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-transparent | --tw-ring-offset-color: transparent; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-black | --tw-ring-offset-color: #000; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-white | --tw-ring-offset-color: #fff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-50 | --tw-ring-offset-color: #f8fafc; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-100 | --tw-ring-offset-color: #f1f5f9; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-200 | --tw-ring-offset-color: #e2e8f0; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-300 | --tw-ring-offset-color: #cbd5e1; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-400 | --tw-ring-offset-color: #94a3b8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-500 | --tw-ring-offset-color: #64748b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-600 | --tw-ring-offset-color: #475569; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-700 | --tw-ring-offset-color: #334155; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-800 | --tw-ring-offset-color: #1e293b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-900 | --tw-ring-offset-color: #0f172a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-slate-950 | --tw-ring-offset-color: #020617; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-50 | --tw-ring-offset-color: #f9fafb; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-100 | --tw-ring-offset-color: #f3f4f6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-200 | --tw-ring-offset-color: #e5e7eb; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-300 | --tw-ring-offset-color: #d1d5db; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-400 | --tw-ring-offset-color: #9ca3af; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-500 | --tw-ring-offset-color: #6b7280; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-600 | --tw-ring-offset-color: #4b5563; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-700 | --tw-ring-offset-color: #374151; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-800 | --tw-ring-offset-color: #1f2937; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-900 | --tw-ring-offset-color: #111827; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-gray-950 | --tw-ring-offset-color: #030712; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-50 | --tw-ring-offset-color: #fafafa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-100 | --tw-ring-offset-color: #f4f4f5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-200 | --tw-ring-offset-color: #e4e4e7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-300 | --tw-ring-offset-color: #d4d4d8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-400 | --tw-ring-offset-color: #a1a1aa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-500 | --tw-ring-offset-color: #71717a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-600 | --tw-ring-offset-color: #52525b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-700 | --tw-ring-offset-color: #3f3f46; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-800 | --tw-ring-offset-color: #27272a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-900 | --tw-ring-offset-color: #18181b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-zinc-950 | --tw-ring-offset-color: #09090b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-50 | --tw-ring-offset-color: #fafafa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-100 | --tw-ring-offset-color: #f5f5f5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-200 | --tw-ring-offset-color: #e5e5e5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-300 | --tw-ring-offset-color: #d4d4d4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-400 | --tw-ring-offset-color: #a3a3a3; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-500 | --tw-ring-offset-color: #737373; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-600 | --tw-ring-offset-color: #525252; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-700 | --tw-ring-offset-color: #404040; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-800 | --tw-ring-offset-color: #262626; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-900 | --tw-ring-offset-color: #171717; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-neutral-950 | --tw-ring-offset-color: #0a0a0a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-50 | --tw-ring-offset-color: #fafaf9; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-100 | --tw-ring-offset-color: #f5f5f4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-200 | --tw-ring-offset-color: #e7e5e4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-300 | --tw-ring-offset-color: #d6d3d1; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-400 | --tw-ring-offset-color: #a8a29e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-500 | --tw-ring-offset-color: #78716c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-600 | --tw-ring-offset-color: #57534e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-700 | --tw-ring-offset-color: #44403c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-800 | --tw-ring-offset-color: #292524; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-900 | --tw-ring-offset-color: #1c1917; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-stone-950 | --tw-ring-offset-color: #0c0a09; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-50 | --tw-ring-offset-color: #fef2f2; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-100 | --tw-ring-offset-color: #fee2e2; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-200 | --tw-ring-offset-color: #fecaca; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-300 | --tw-ring-offset-color: #fca5a5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-400 | --tw-ring-offset-color: #f87171; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-500 | --tw-ring-offset-color: #ef4444; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-600 | --tw-ring-offset-color: #dc2626; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-700 | --tw-ring-offset-color: #b91c1c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-800 | --tw-ring-offset-color: #991b1b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-900 | --tw-ring-offset-color: #7f1d1d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-red-950 | --tw-ring-offset-color: #450a0a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-50 | --tw-ring-offset-color: #fff7ed; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-100 | --tw-ring-offset-color: #ffedd5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-200 | --tw-ring-offset-color: #fed7aa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-300 | --tw-ring-offset-color: #fdba74; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-400 | --tw-ring-offset-color: #fb923c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-500 | --tw-ring-offset-color: #f97316; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-600 | --tw-ring-offset-color: #ea580c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-700 | --tw-ring-offset-color: #c2410c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-800 | --tw-ring-offset-color: #9a3412; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-900 | --tw-ring-offset-color: #7c2d12; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-orange-950 | --tw-ring-offset-color: #431407; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-50 | --tw-ring-offset-color: #fffbeb; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-100 | --tw-ring-offset-color: #fef3c7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-200 | --tw-ring-offset-color: #fde68a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-300 | --tw-ring-offset-color: #fcd34d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-400 | --tw-ring-offset-color: #fbbf24; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-500 | --tw-ring-offset-color: #f59e0b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-600 | --tw-ring-offset-color: #d97706; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-700 | --tw-ring-offset-color: #b45309; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-800 | --tw-ring-offset-color: #92400e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-900 | --tw-ring-offset-color: #78350f; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-amber-950 | --tw-ring-offset-color: #451a03; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-50 | --tw-ring-offset-color: #fefce8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-100 | --tw-ring-offset-color: #fef9c3; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-200 | --tw-ring-offset-color: #fef08a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-300 | --tw-ring-offset-color: #fde047; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-400 | --tw-ring-offset-color: #facc15; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-500 | --tw-ring-offset-color: #eab308; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-600 | --tw-ring-offset-color: #ca8a04; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-700 | --tw-ring-offset-color: #a16207; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-800 | --tw-ring-offset-color: #854d0e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-900 | --tw-ring-offset-color: #713f12; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-yellow-950 | --tw-ring-offset-color: #422006; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-50 | --tw-ring-offset-color: #f7fee7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-100 | --tw-ring-offset-color: #ecfccb; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-200 | --tw-ring-offset-color: #d9f99d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-300 | --tw-ring-offset-color: #bef264; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-400 | --tw-ring-offset-color: #a3e635; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-500 | --tw-ring-offset-color: #84cc16; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-600 | --tw-ring-offset-color: #65a30d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-700 | --tw-ring-offset-color: #4d7c0f; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-800 | --tw-ring-offset-color: #3f6212; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-900 | --tw-ring-offset-color: #365314; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-lime-950 | --tw-ring-offset-color: #1a2e05; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-50 | --tw-ring-offset-color: #f0fdf4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-100 | --tw-ring-offset-color: #dcfce7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-200 | --tw-ring-offset-color: #bbf7d0; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-300 | --tw-ring-offset-color: #86efac; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-400 | --tw-ring-offset-color: #4ade80; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-500 | --tw-ring-offset-color: #22c55e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-600 | --tw-ring-offset-color: #16a34a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-700 | --tw-ring-offset-color: #15803d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-800 | --tw-ring-offset-color: #166534; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-900 | --tw-ring-offset-color: #14532d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-green-950 | --tw-ring-offset-color: #052e16; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-50 | --tw-ring-offset-color: #ecfdf5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-100 | --tw-ring-offset-color: #d1fae5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-200 | --tw-ring-offset-color: #a7f3d0; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-300 | --tw-ring-offset-color: #6ee7b7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-400 | --tw-ring-offset-color: #34d399; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-500 | --tw-ring-offset-color: #10b981; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-600 | --tw-ring-offset-color: #059669; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-700 | --tw-ring-offset-color: #047857; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-800 | --tw-ring-offset-color: #065f46; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-900 | --tw-ring-offset-color: #064e3b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-emerald-950 | --tw-ring-offset-color: #022c22; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-50 | --tw-ring-offset-color: #f0fdfa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-100 | --tw-ring-offset-color: #ccfbf1; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-200 | --tw-ring-offset-color: #99f6e4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-300 | --tw-ring-offset-color: #5eead4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-400 | --tw-ring-offset-color: #2dd4bf; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-500 | --tw-ring-offset-color: #14b8a6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-600 | --tw-ring-offset-color: #0d9488; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-700 | --tw-ring-offset-color: #0f766e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-800 | --tw-ring-offset-color: #115e59; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-900 | --tw-ring-offset-color: #134e4a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-teal-950 | --tw-ring-offset-color: #042f2e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-50 | --tw-ring-offset-color: #ecfeff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-100 | --tw-ring-offset-color: #cffafe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-200 | --tw-ring-offset-color: #a5f3fc; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-300 | --tw-ring-offset-color: #67e8f9; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-400 | --tw-ring-offset-color: #22d3ee; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-500 | --tw-ring-offset-color: #06b6d4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-600 | --tw-ring-offset-color: #0891b2; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-700 | --tw-ring-offset-color: #0e7490; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-800 | --tw-ring-offset-color: #155e75; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-900 | --tw-ring-offset-color: #164e63; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-cyan-950 | --tw-ring-offset-color: #083344; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-50 | --tw-ring-offset-color: #f0f9ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-100 | --tw-ring-offset-color: #e0f2fe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-200 | --tw-ring-offset-color: #bae6fd; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-300 | --tw-ring-offset-color: #7dd3fc; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-400 | --tw-ring-offset-color: #38bdf8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-500 | --tw-ring-offset-color: #0ea5e9; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-600 | --tw-ring-offset-color: #0284c7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-700 | --tw-ring-offset-color: #0369a1; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-800 | --tw-ring-offset-color: #075985; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-900 | --tw-ring-offset-color: #0c4a6e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-sky-950 | --tw-ring-offset-color: #082f49; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-50 | --tw-ring-offset-color: #eff6ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-100 | --tw-ring-offset-color: #dbeafe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-200 | --tw-ring-offset-color: #bfdbfe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-300 | --tw-ring-offset-color: #93c5fd; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-400 | --tw-ring-offset-color: #60a5fa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-500 | --tw-ring-offset-color: #3b82f6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-600 | --tw-ring-offset-color: #2563eb; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-700 | --tw-ring-offset-color: #1d4ed8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-800 | --tw-ring-offset-color: #1e40af; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-900 | --tw-ring-offset-color: #1e3a8a; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-blue-950 | --tw-ring-offset-color: #172554; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-50 | --tw-ring-offset-color: #eef2ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-100 | --tw-ring-offset-color: #e0e7ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-200 | --tw-ring-offset-color: #c7d2fe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-300 | --tw-ring-offset-color: #a5b4fc; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-400 | --tw-ring-offset-color: #818cf8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-500 | --tw-ring-offset-color: #6366f1; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-600 | --tw-ring-offset-color: #4f46e5; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-700 | --tw-ring-offset-color: #4338ca; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-800 | --tw-ring-offset-color: #3730a3; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-900 | --tw-ring-offset-color: #312e81; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-indigo-950 | --tw-ring-offset-color: #1e1b4b; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-50 | --tw-ring-offset-color: #f5f3ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-100 | --tw-ring-offset-color: #ede9fe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-200 | --tw-ring-offset-color: #ddd6fe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-300 | --tw-ring-offset-color: #c4b5fd; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-400 | --tw-ring-offset-color: #a78bfa; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-500 | --tw-ring-offset-color: #8b5cf6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-600 | --tw-ring-offset-color: #7c3aed; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-700 | --tw-ring-offset-color: #6d28d9; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-800 | --tw-ring-offset-color: #5b21b6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-900 | --tw-ring-offset-color: #4c1d95; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-violet-950 | --tw-ring-offset-color: #2e1065; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-50 | --tw-ring-offset-color: #faf5ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-100 | --tw-ring-offset-color: #f3e8ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-200 | --tw-ring-offset-color: #e9d5ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-300 | --tw-ring-offset-color: #d8b4fe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-400 | --tw-ring-offset-color: #c084fc; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-500 | --tw-ring-offset-color: #a855f7; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-600 | --tw-ring-offset-color: #9333ea; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-700 | --tw-ring-offset-color: #7e22ce; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-800 | --tw-ring-offset-color: #6b21a8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-900 | --tw-ring-offset-color: #581c87; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-purple-950 | --tw-ring-offset-color: #3b0764; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-50 | --tw-ring-offset-color: #fdf4ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-100 | --tw-ring-offset-color: #fae8ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-200 | --tw-ring-offset-color: #f5d0fe; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-300 | --tw-ring-offset-color: #f0abfc; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-400 | --tw-ring-offset-color: #e879f9; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-500 | --tw-ring-offset-color: #d946ef; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-600 | --tw-ring-offset-color: #c026d3; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-700 | --tw-ring-offset-color: #a21caf; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-800 | --tw-ring-offset-color: #86198f; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-900 | --tw-ring-offset-color: #701a75; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-fuchsia-950 | --tw-ring-offset-color: #4a044e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-50 | --tw-ring-offset-color: #fdf2f8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-100 | --tw-ring-offset-color: #fce7f3; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-200 | --tw-ring-offset-color: #fbcfe8; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-300 | --tw-ring-offset-color: #f9a8d4; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-400 | --tw-ring-offset-color: #f472b6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-500 | --tw-ring-offset-color: #ec4899; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-600 | --tw-ring-offset-color: #db2777; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-700 | --tw-ring-offset-color: #be185d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-800 | --tw-ring-offset-color: #9d174d; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-900 | --tw-ring-offset-color: #831843; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-pink-950 | --tw-ring-offset-color: #500724; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-50 | --tw-ring-offset-color: #fff1f2; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-100 | --tw-ring-offset-color: #ffe4e6; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-200 | --tw-ring-offset-color: #fecdd3; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-300 | --tw-ring-offset-color: #fda4af; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-400 | --tw-ring-offset-color: #fb7185; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-500 | --tw-ring-offset-color: #f43f5e; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-600 | --tw-ring-offset-color: #e11d48; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-700 | --tw-ring-offset-color: #be123c; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-800 | --tw-ring-offset-color: #9f1239; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-900 | --tw-ring-offset-color: #881337; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
| ring-offset-rose-950 | --tw-ring-offset-color: #4c0519; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow); |
box shadow
| Tailwind CSS | CSS |
|---|---|
| shadow-sm | box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); |
| shadow | box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); |
| shadow-md | box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); |
| shadow-lg | box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); |
| shadow-xl | box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); |
| shadow-2xl | box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); |
| shadow-inner | box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); |
| shadow-none | box-shadow: 0 0 #0000; |
box shadow color
| Tailwind CSS | CSS |
|---|---|
| shadow-inherit | --tw-shadow-color: inherit; |
| shadow-current | --tw-shadow-color: currentColor; |
| shadow-transparent | --tw-shadow-color: transparent; |
| shadow-black | --tw-shadow-color: #000; |
| shadow-white | --tw-shadow-color: #fff; |
| shadow-slate-50 | --tw-shadow-color: #f8fafc; |
| shadow-slate-100 | --tw-shadow-color: #f1f5f9; |
| shadow-slate-200 | --tw-shadow-color: #e2e8f0; |
| shadow-slate-300 | --tw-shadow-color: #cbd5e1; |
| shadow-slate-400 | --tw-shadow-color: #94a3b8; |
| shadow-slate-500 | --tw-shadow-color: #64748b; |
| shadow-slate-600 | --tw-shadow-color: #475569; |
| shadow-slate-700 | --tw-shadow-color: #334155; |
| shadow-slate-800 | --tw-shadow-color: #1e293b; |
| shadow-slate-900 | --tw-shadow-color: #0f172a; |
| shadow-slate-950 | --tw-shadow-color: #020617; |
| shadow-gray-50 | --tw-shadow-color: #f9fafb; |
| shadow-gray-100 | --tw-shadow-color: #f3f4f6; |
| shadow-gray-200 | --tw-shadow-color: #e5e7eb; |
| shadow-gray-300 | --tw-shadow-color: #d1d5db; |
| shadow-gray-400 | --tw-shadow-color: #9ca3af; |
| shadow-gray-500 | --tw-shadow-color: #6b7280; |
| shadow-gray-600 | --tw-shadow-color: #4b5563; |
| shadow-gray-700 | --tw-shadow-color: #374151; |
| shadow-gray-800 | --tw-shadow-color: #1f2937; |
| shadow-gray-900 | --tw-shadow-color: #111827; |
| shadow-gray-950 | --tw-shadow-color: #030712; |
| shadow-zinc-50 | --tw-shadow-color: #fafafa; |
| shadow-zinc-100 | --tw-shadow-color: #f4f4f5; |
| shadow-zinc-200 | --tw-shadow-color: #e4e4e7; |
| shadow-zinc-300 | --tw-shadow-color: #d4d4d8; |
| shadow-zinc-400 | --tw-shadow-color: #a1a1aa; |
| shadow-zinc-500 | --tw-shadow-color: #71717a; |
| shadow-zinc-600 | --tw-shadow-color: #52525b; |
| shadow-zinc-700 | --tw-shadow-color: #3f3f46; |
| shadow-zinc-800 | --tw-shadow-color: #27272a; |
| shadow-zinc-900 | --tw-shadow-color: #18181b; |
| shadow-zinc-950 | --tw-shadow-color: #09090b; |
| shadow-neutral-50 | --tw-shadow-color: #fafafa; |
| shadow-neutral-100 | --tw-shadow-color: #f5f5f5; |
| shadow-neutral-200 | --tw-shadow-color: #e5e5e5; |
| shadow-neutral-300 | --tw-shadow-color: #d4d4d4; |
| shadow-neutral-400 | --tw-shadow-color: #a3a3a3; |
| shadow-neutral-500 | --tw-shadow-color: #737373; |
| shadow-neutral-600 | --tw-shadow-color: #525252; |
| shadow-neutral-700 | --tw-shadow-color: #404040; |
| shadow-neutral-800 | --tw-shadow-color: #262626; |
| shadow-neutral-900 | --tw-shadow-color: #171717; |
| shadow-neutral-950 | --tw-shadow-color: #0a0a0a; |
| shadow-stone-50 | --tw-shadow-color: #fafaf9; |
| shadow-stone-100 | --tw-shadow-color: #f5f5f4; |
| shadow-stone-200 | --tw-shadow-color: #e7e5e4; |
| shadow-stone-300 | --tw-shadow-color: #d6d3d1; |
| shadow-stone-400 | --tw-shadow-color: #a8a29e; |
| shadow-stone-500 | --tw-shadow-color: #78716c; |
| shadow-stone-600 | --tw-shadow-color: #57534e; |
| shadow-stone-700 | --tw-shadow-color: #44403c; |
| shadow-stone-800 | --tw-shadow-color: #292524; |
| shadow-stone-900 | --tw-shadow-color: #1c1917; |
| shadow-stone-950 | --tw-shadow-color: #0c0a09; |
| shadow-red-50 | --tw-shadow-color: #fef2f2; |
| shadow-red-100 | --tw-shadow-color: #fee2e2; |
| shadow-red-200 | --tw-shadow-color: #fecaca; |
| shadow-red-300 | --tw-shadow-color: #fca5a5; |
| shadow-red-400 | --tw-shadow-color: #f87171; |
| shadow-red-500 | --tw-shadow-color: #ef4444; |
| shadow-red-600 | --tw-shadow-color: #dc2626; |
| shadow-red-700 | --tw-shadow-color: #b91c1c; |
| shadow-red-800 | --tw-shadow-color: #991b1b; |
| shadow-red-900 | --tw-shadow-color: #7f1d1d; |
| shadow-red-950 | --tw-shadow-color: #450a0a; |
| shadow-orange-50 | --tw-shadow-color: #fff7ed; |
| shadow-orange-100 | --tw-shadow-color: #ffedd5; |
| shadow-orange-200 | --tw-shadow-color: #fed7aa; |
| shadow-orange-300 | --tw-shadow-color: #fdba74; |
| shadow-orange-400 | --tw-shadow-color: #fb923c; |
| shadow-orange-500 | --tw-shadow-color: #f97316; |
| shadow-orange-600 | --tw-shadow-color: #ea580c; |
| shadow-orange-700 | --tw-shadow-color: #c2410c; |
| shadow-orange-800 | --tw-shadow-color: #9a3412; |
| shadow-orange-900 | --tw-shadow-color: #7c2d12; |
| shadow-orange-950 | --tw-shadow-color: #431407; |
| shadow-amber-50 | --tw-shadow-color: #fffbeb; |
| shadow-amber-100 | --tw-shadow-color: #fef3c7; |
| shadow-amber-200 | --tw-shadow-color: #fde68a; |
| shadow-amber-300 | --tw-shadow-color: #fcd34d; |
| shadow-amber-400 | --tw-shadow-color: #fbbf24; |
| shadow-amber-500 | --tw-shadow-color: #f59e0b; |
| shadow-amber-600 | --tw-shadow-color: #d97706; |
| shadow-amber-700 | --tw-shadow-color: #b45309; |
| shadow-amber-800 | --tw-shadow-color: #92400e; |
| shadow-amber-900 | --tw-shadow-color: #78350f; |
| shadow-amber-950 | --tw-shadow-color: #451a03; |
| shadow-yellow-50 | --tw-shadow-color: #fefce8; |
| shadow-yellow-100 | --tw-shadow-color: #fef9c3; |
| shadow-yellow-200 | --tw-shadow-color: #fef08a; |
| shadow-yellow-300 | --tw-shadow-color: #fde047; |
| shadow-yellow-400 | --tw-shadow-color: #facc15; |
| shadow-yellow-500 | --tw-shadow-color: #eab308; |
| shadow-yellow-600 | --tw-shadow-color: #ca8a04; |
| shadow-yellow-700 | --tw-shadow-color: #a16207; |
| shadow-yellow-800 | --tw-shadow-color: #854d0e; |
| shadow-yellow-900 | --tw-shadow-color: #713f12; |
| shadow-yellow-950 | --tw-shadow-color: #422006; |
| shadow-lime-50 | --tw-shadow-color: #f7fee7; |
| shadow-lime-100 | --tw-shadow-color: #ecfccb; |
| shadow-lime-200 | --tw-shadow-color: #d9f99d; |
| shadow-lime-300 | --tw-shadow-color: #bef264; |
| shadow-lime-400 | --tw-shadow-color: #a3e635; |
| shadow-lime-500 | --tw-shadow-color: #84cc16; |
| shadow-lime-600 | --tw-shadow-color: #65a30d; |
| shadow-lime-700 | --tw-shadow-color: #4d7c0f; |
| shadow-lime-800 | --tw-shadow-color: #3f6212; |
| shadow-lime-900 | --tw-shadow-color: #365314; |
| shadow-lime-950 | --tw-shadow-color: #1a2e05; |
| shadow-green-50 | --tw-shadow-color: #f0fdf4; |
| shadow-green-100 | --tw-shadow-color: #dcfce7; |
| shadow-green-200 | --tw-shadow-color: #bbf7d0; |
| shadow-green-300 | --tw-shadow-color: #86efac; |
| shadow-green-400 | --tw-shadow-color: #4ade80; |
| shadow-green-500 | --tw-shadow-color: #22c55e; |
| shadow-green-600 | --tw-shadow-color: #16a34a; |
| shadow-green-700 | --tw-shadow-color: #15803d; |
| shadow-green-800 | --tw-shadow-color: #166534; |
| shadow-green-900 | --tw-shadow-color: #14532d; |
| shadow-green-950 | --tw-shadow-color: #052e16; |
| shadow-emerald-50 | --tw-shadow-color: #ecfdf5; |
| shadow-emerald-100 | --tw-shadow-color: #d1fae5; |
| shadow-emerald-200 | --tw-shadow-color: #a7f3d0; |
| shadow-emerald-300 | --tw-shadow-color: #6ee7b7; |
| shadow-emerald-400 | --tw-shadow-color: #34d399; |
| shadow-emerald-500 | --tw-shadow-color: #10b981; |
| shadow-emerald-600 | --tw-shadow-color: #059669; |
| shadow-emerald-700 | --tw-shadow-color: #047857; |
| shadow-emerald-800 | --tw-shadow-color: #065f46; |
| shadow-emerald-900 | --tw-shadow-color: #064e3b; |
| shadow-emerald-950 | --tw-shadow-color: #022c22; |
| shadow-teal-50 | --tw-shadow-color: #f0fdfa; |
| shadow-teal-100 | --tw-shadow-color: #ccfbf1; |
| shadow-teal-200 | --tw-shadow-color: #99f6e4; |
| shadow-teal-300 | --tw-shadow-color: #5eead4; |
| shadow-teal-400 | --tw-shadow-color: #2dd4bf; |
| shadow-teal-500 | --tw-shadow-color: #14b8a6; |
| shadow-teal-600 | --tw-shadow-color: #0d9488; |
| shadow-teal-700 | --tw-shadow-color: #0f766e; |
| shadow-teal-800 | --tw-shadow-color: #115e59; |
| shadow-teal-900 | --tw-shadow-color: #134e4a; |
| shadow-teal-950 | --tw-shadow-color: #042f2e; |
| shadow-cyan-50 | --tw-shadow-color: #ecfeff; |
| shadow-cyan-100 | --tw-shadow-color: #cffafe; |
| shadow-cyan-200 | --tw-shadow-color: #a5f3fc; |
| shadow-cyan-300 | --tw-shadow-color: #67e8f9; |
| shadow-cyan-400 | --tw-shadow-color: #22d3ee; |
| shadow-cyan-500 | --tw-shadow-color: #06b6d4; |
| shadow-cyan-600 | --tw-shadow-color: #0891b2; |
| shadow-cyan-700 | --tw-shadow-color: #0e7490; |
| shadow-cyan-800 | --tw-shadow-color: #155e75; |
| shadow-cyan-900 | --tw-shadow-color: #164e63; |
| shadow-cyan-950 | --tw-shadow-color: #083344; |
| shadow-sky-50 | --tw-shadow-color: #f0f9ff; |
| shadow-sky-100 | --tw-shadow-color: #e0f2fe; |
| shadow-sky-200 | --tw-shadow-color: #bae6fd; |
| shadow-sky-300 | --tw-shadow-color: #7dd3fc; |
| shadow-sky-400 | --tw-shadow-color: #38bdf8; |
| shadow-sky-500 | --tw-shadow-color: #0ea5e9; |
| shadow-sky-600 | --tw-shadow-color: #0284c7; |
| shadow-sky-700 | --tw-shadow-color: #0369a1; |
| shadow-sky-800 | --tw-shadow-color: #075985; |
| shadow-sky-900 | --tw-shadow-color: #0c4a6e; |
| shadow-sky-950 | --tw-shadow-color: #082f49; |
| shadow-blue-50 | --tw-shadow-color: #eff6ff; |
| shadow-blue-100 | --tw-shadow-color: #dbeafe; |
| shadow-blue-200 | --tw-shadow-color: #bfdbfe; |
| shadow-blue-300 | --tw-shadow-color: #93c5fd; |
| shadow-blue-400 | --tw-shadow-color: #60a5fa; |
| shadow-blue-500 | --tw-shadow-color: #3b82f6; |
| shadow-blue-600 | --tw-shadow-color: #2563eb; |
| shadow-blue-700 | --tw-shadow-color: #1d4ed8; |
| shadow-blue-800 | --tw-shadow-color: #1e40af; |
| shadow-blue-900 | --tw-shadow-color: #1e3a8a; |
| shadow-blue-950 | --tw-shadow-color: #172554; |
| shadow-indigo-50 | --tw-shadow-color: #eef2ff; |
| shadow-indigo-100 | --tw-shadow-color: #e0e7ff; |
| shadow-indigo-200 | --tw-shadow-color: #c7d2fe; |
| shadow-indigo-300 | --tw-shadow-color: #a5b4fc; |
| shadow-indigo-400 | --tw-shadow-color: #818cf8; |
| shadow-indigo-500 | --tw-shadow-color: #6366f1; |
| shadow-indigo-600 | --tw-shadow-color: #4f46e5; |
| shadow-indigo-700 | --tw-shadow-color: #4338ca; |
| shadow-indigo-800 | --tw-shadow-color: #3730a3; |
| shadow-indigo-900 | --tw-shadow-color: #312e81; |
| shadow-indigo-950 | --tw-shadow-color: #1e1b4b; |
| shadow-violet-50 | --tw-shadow-color: #f5f3ff; |
| shadow-violet-100 | --tw-shadow-color: #ede9fe; |
| shadow-violet-200 | --tw-shadow-color: #ddd6fe; |
| shadow-violet-300 | --tw-shadow-color: #c4b5fd; |
| shadow-violet-400 | --tw-shadow-color: #a78bfa; |
| shadow-violet-500 | --tw-shadow-color: #8b5cf6; |
| shadow-violet-600 | --tw-shadow-color: #7c3aed; |
| shadow-violet-700 | --tw-shadow-color: #6d28d9; |
| shadow-violet-800 | --tw-shadow-color: #5b21b6; |
| shadow-violet-900 | --tw-shadow-color: #4c1d95; |
| shadow-violet-950 | --tw-shadow-color: #2e1065; |
| shadow-purple-50 | --tw-shadow-color: #faf5ff; |
| shadow-purple-100 | --tw-shadow-color: #f3e8ff; |
| shadow-purple-200 | --tw-shadow-color: #e9d5ff; |
| shadow-purple-300 | --tw-shadow-color: #d8b4fe; |
| shadow-purple-400 | --tw-shadow-color: #c084fc; |
| shadow-purple-500 | --tw-shadow-color: #a855f7; |
| shadow-purple-600 | --tw-shadow-color: #9333ea; |
| shadow-purple-700 | --tw-shadow-color: #7e22ce; |
| shadow-purple-800 | --tw-shadow-color: #6b21a8; |
| shadow-purple-900 | --tw-shadow-color: #581c87; |
| shadow-purple-950 | --tw-shadow-color: #3b0764; |
| shadow-fuchsia-50 | --tw-shadow-color: #fdf4ff; |
| shadow-fuchsia-100 | --tw-shadow-color: #fae8ff; |
| shadow-fuchsia-200 | --tw-shadow-color: #f5d0fe; |
| shadow-fuchsia-300 | --tw-shadow-color: #f0abfc; |
| shadow-fuchsia-400 | --tw-shadow-color: #e879f9; |
| shadow-fuchsia-500 | --tw-shadow-color: #d946ef; |
| shadow-fuchsia-600 | --tw-shadow-color: #c026d3; |
| shadow-fuchsia-700 | --tw-shadow-color: #a21caf; |
| shadow-fuchsia-800 | --tw-shadow-color: #86198f; |
| shadow-fuchsia-900 | --tw-shadow-color: #701a75; |
| shadow-fuchsia-950 | --tw-shadow-color: #4a044e; |
| shadow-pink-50 | --tw-shadow-color: #fdf2f8; |
| shadow-pink-100 | --tw-shadow-color: #fce7f3; |
| shadow-pink-200 | --tw-shadow-color: #fbcfe8; |
| shadow-pink-300 | --tw-shadow-color: #f9a8d4; |
| shadow-pink-400 | --tw-shadow-color: #f472b6; |
| shadow-pink-500 | --tw-shadow-color: #ec4899; |
| shadow-pink-600 | --tw-shadow-color: #db2777; |
| shadow-pink-700 | --tw-shadow-color: #be185d; |
| shadow-pink-800 | --tw-shadow-color: #9d174d; |
| shadow-pink-900 | --tw-shadow-color: #831843; |
| shadow-pink-950 | --tw-shadow-color: #500724; |
| shadow-rose-50 | --tw-shadow-color: #fff1f2; |
| shadow-rose-100 | --tw-shadow-color: #ffe4e6; |
| shadow-rose-200 | --tw-shadow-color: #fecdd3; |
| shadow-rose-300 | --tw-shadow-color: #fda4af; |
| shadow-rose-400 | --tw-shadow-color: #fb7185; |
| shadow-rose-500 | --tw-shadow-color: #f43f5e; |
| shadow-rose-600 | --tw-shadow-color: #e11d48; |
| shadow-rose-700 | --tw-shadow-color: #be123c; |
| shadow-rose-800 | --tw-shadow-color: #9f1239; |
| shadow-rose-900 | --tw-shadow-color: #881337; |
| shadow-rose-950 | --tw-shadow-color: #4c0519; |
opacity
| Tailwind CSS | CSS |
|---|---|
| opacity-0 | opacity: 0; |
| opacity-5 | opacity: 0.05; |
| opacity-10 | opacity: 0.1; |
| opacity-15 | opacity: 0.15; |
| opacity-20 | opacity: 0.2; |
| opacity-25 | opacity: 0.25; |
| opacity-30 | opacity: 0.3; |
| opacity-35 | opacity: 0.35; |
| opacity-40 | opacity: 0.4; |
| opacity-45 | opacity: 0.45; |
| opacity-50 | opacity: 0.5; |
| opacity-55 | opacity: 0.55; |
| opacity-60 | opacity: 0.6; |
| opacity-65 | opacity: 0.65; |
| opacity-70 | opacity: 0.7; |
| opacity-75 | opacity: 0.75; |
| opacity-80 | opacity: 0.8; |
| opacity-85 | opacity: 0.85; |
| opacity-90 | opacity: 0.9; |
| opacity-95 | opacity: 0.95; |
| opacity-100 | opacity: 1; |
mix blend mode
| Tailwind CSS | CSS |
|---|---|
| mix-blend-normal | mix-blend-mode: normal; |
| mix-blend-multiply | mix-blend-mode: multiply; |
| mix-blend-screen | mix-blend-mode: screen; |
| mix-blend-overlay | mix-blend-mode: overlay; |
| mix-blend-darken | mix-blend-mode: darken; |
| mix-blend-lighten | mix-blend-mode: lighten; |
| mix-blend-color-dodge | mix-blend-mode: color-dodge; |
| mix-blend-color-burn | mix-blend-mode: color-burn; |
| mix-blend-hard-light | mix-blend-mode: hard-light; |
| mix-blend-soft-light | mix-blend-mode: soft-light; |
| mix-blend-difference | mix-blend-mode: difference; |
| mix-blend-exclusion | mix-blend-mode: exclusion; |
| mix-blend-hue | mix-blend-mode: hue; |
| mix-blend-saturation | mix-blend-mode: saturation; |
| mix-blend-color | mix-blend-mode: color; |
| mix-blend-luminosity | mix-blend-mode: luminosity; |
| mix-blend-plus-darker | mix-blend-mode: plus-darker; |
| mix-blend-plus-lighter | mix-blend-mode: plus-lighter; |
background blend mode
| Tailwind CSS | CSS |
|---|---|
| bg-blend-normal | background-blend-mode: normal; |
| bg-blend-multiply | background-blend-mode: multiply; |
| bg-blend-screen | background-blend-mode: screen; |
| bg-blend-overlay | background-blend-mode: overlay; |
| bg-blend-darken | background-blend-mode: darken; |
| bg-blend-lighten | background-blend-mode: lighten; |
| bg-blend-color-dodge | background-blend-mode: color-dodge; |
| bg-blend-color-burn | background-blend-mode: color-burn; |
| bg-blend-hard-light | background-blend-mode: hard-light; |
| bg-blend-soft-light | background-blend-mode: soft-light; |
| bg-blend-difference | background-blend-mode: difference; |
| bg-blend-exclusion | background-blend-mode: exclusion; |
| bg-blend-hue | background-blend-mode: hue; |
| bg-blend-saturation | background-blend-mode: saturation; |
| bg-blend-color | background-blend-mode: color; |
| bg-blend-luminosity | background-blend-mode: luminosity; |
blur
| Tailwind CSS | CSS |
|---|---|
| blur-none | filter: blur(0); |
| blur-sm | filter: blur(4px); |
| blur | filter: blur(8px); |
| blur-md | filter: blur(12px); |
| blur-lg | filter: blur(16px); |
| blur-xl | filter: blur(24px); |
| blur-2xl | filter: blur(40px); |
| blur-3xl | filter: blur(64px); |
brightness
| Tailwind CSS | CSS |
|---|---|
| brightness-0 | filter: brightness(0); |
| brightness-50 | filter: brightness(.5); |
| brightness-75 | filter: brightness(.75); |
| brightness-90 | filter: brightness(.9); |
| brightness-95 | filter: brightness(.95); |
| brightness-100 | filter: brightness(1); |
| brightness-105 | filter: brightness(1.05); |
| brightness-110 | filter: brightness(1.1); |
| brightness-125 | filter: brightness(1.25); |
| brightness-150 | filter: brightness(1.5); |
| brightness-200 | filter: brightness(2); |
contrast
| Tailwind CSS | CSS |
|---|---|
| contrast-0 | filter: contrast(0); |
| contrast-50 | filter: contrast(.5); |
| contrast-75 | filter: contrast(.75); |
| contrast-100 | filter: contrast(1); |
| contrast-125 | filter: contrast(1.25); |
| contrast-150 | filter: contrast(1.5); |
| contrast-200 | filter: contrast(2); |
drop shadow
| Tailwind CSS | CSS |
|---|---|
| drop-shadow-sm | filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); |
| drop-shadow | filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); |
| drop-shadow-md | filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); |
| drop-shadow-lg | filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); |
| drop-shadow-xl | filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); |
| drop-shadow-2xl | filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)); |
| drop-shadow-none | filter: drop-shadow(0 0 #0000); |
grayscale
| Tailwind CSS | CSS |
|---|---|
| grayscale-0 | filter: grayscale(0); |
| grayscale | filter: grayscale(100%); |
hue rotate
| Tailwind CSS | CSS |
|---|---|
| hue-rotate-0 | filter: hue-rotate(0deg); |
| hue-rotate-15 | filter: hue-rotate(15deg); |
| hue-rotate-30 | filter: hue-rotate(30deg); |
| hue-rotate-60 | filter: hue-rotate(60deg); |
| hue-rotate-90 | filter: hue-rotate(90deg); |
| hue-rotate-180 | filter: hue-rotate(180deg); |
invert
| Tailwind CSS | CSS |
|---|---|
| invert-0 | filter: invert(0); |
| invert | filter: invert(100%); |
saturate
| Tailwind CSS | CSS |
|---|---|
| saturate-0 | filter: saturate(0); |
| saturate-50 | filter: saturate(.5); |
| saturate-100 | filter: saturate(1); |
| saturate-150 | filter: saturate(1.5); |
| saturate-200 | filter: saturate(2); |
sepia
| Tailwind CSS | CSS |
|---|---|
| sepia-0 | filter: sepia(0); |
| sepia | filter: sepia(100%); |
backdrop blur
| Tailwind CSS | CSS |
|---|---|
| backdrop-blur-none | backdrop-filter: blur(0); |
| backdrop-blur-sm | backdrop-filter: blur(4px); |
| backdrop-blur | backdrop-filter: blur(8px); |
| backdrop-blur-md | backdrop-filter: blur(12px); |
| backdrop-blur-lg | backdrop-filter: blur(16px); |
| backdrop-blur-xl | backdrop-filter: blur(24px); |
| backdrop-blur-2xl | backdrop-filter: blur(40px); |
| backdrop-blur-3xl | backdrop-filter: blur(64px); |
backdrop brightness
| Tailwind CSS | CSS |
|---|---|
| backdrop-brightness-0 | backdrop-filter: brightness(0); |
| backdrop-brightness-50 | backdrop-filter: brightness(.5); |
| backdrop-brightness-75 | backdrop-filter: brightness(.75); |
| backdrop-brightness-90 | backdrop-filter: brightness(.9); |
| backdrop-brightness-95 | backdrop-filter: brightness(.95); |
| backdrop-brightness-100 | backdrop-filter: brightness(1); |
| backdrop-brightness-105 | backdrop-filter: brightness(1.05); |
| backdrop-brightness-110 | backdrop-filter: brightness(1.1); |
| backdrop-brightness-125 | backdrop-filter: brightness(1.25); |
| backdrop-brightness-150 | backdrop-filter: brightness(1.5); |
| backdrop-brightness-200 | backdrop-filter: brightness(2); |
backdrop contrast
| Tailwind CSS | CSS |
|---|---|
| backdrop-contrast-0 | backdrop-filter: contrast(0); |
| backdrop-contrast-50 | backdrop-filter: contrast(.5); |
| backdrop-contrast-75 | backdrop-filter: contrast(.75); |
| backdrop-contrast-100 | backdrop-filter: contrast(1); |
| backdrop-contrast-125 | backdrop-filter: contrast(1.25); |
| backdrop-contrast-150 | backdrop-filter: contrast(1.5); |
| backdrop-contrast-200 | backdrop-filter: contrast(2); |
backdrop grayscale
| Tailwind CSS | CSS |
|---|---|
| backdrop-grayscale-0 | backdrop-filter: grayscale(0); |
| backdrop-grayscale | backdrop-filter: grayscale(100%); |
backdrop hue rotate
| Tailwind CSS | CSS |
|---|---|
| backdrop-hue-rotate-0 | backdrop-filter: hue-rotate(0deg); |
| backdrop-hue-rotate-15 | backdrop-filter: hue-rotate(15deg); |
| backdrop-hue-rotate-30 | backdrop-filter: hue-rotate(30deg); |
| backdrop-hue-rotate-60 | backdrop-filter: hue-rotate(60deg); |
| backdrop-hue-rotate-90 | backdrop-filter: hue-rotate(90deg); |
| backdrop-hue-rotate-180 | backdrop-filter: hue-rotate(180deg); |
backdrop invert
| Tailwind CSS | CSS |
|---|---|
| backdrop-invert-0 | backdrop-filter: invert(0); |
| backdrop-invert | backdrop-filter: invert(100%); |
backdrop opacity
| Tailwind CSS | CSS |
|---|---|
| backdrop-opacity-0 | backdrop-filter: opacity(0); |
| backdrop-opacity-5 | backdrop-filter: opacity(0.05); |
| backdrop-opacity-10 | backdrop-filter: opacity(0.1); |
| backdrop-opacity-15 | backdrop-filter: opacity(0.15); |
| backdrop-opacity-20 | backdrop-filter: opacity(0.2); |
| backdrop-opacity-25 | backdrop-filter: opacity(0.25); |
| backdrop-opacity-30 | backdrop-filter: opacity(0.3); |
| backdrop-opacity-35 | backdrop-filter: opacity(0.35); |
| backdrop-opacity-40 | backdrop-filter: opacity(0.4); |
| backdrop-opacity-45 | backdrop-filter: opacity(0.45); |
| backdrop-opacity-50 | backdrop-filter: opacity(0.5); |
| backdrop-opacity-55 | backdrop-filter: opacity(0.55); |
| backdrop-opacity-60 | backdrop-filter: opacity(0.6); |
| backdrop-opacity-65 | backdrop-filter: opacity(0.65); |
| backdrop-opacity-70 | backdrop-filter: opacity(0.7); |
| backdrop-opacity-75 | backdrop-filter: opacity(0.75); |
| backdrop-opacity-80 | backdrop-filter: opacity(0.8); |
| backdrop-opacity-85 | backdrop-filter: opacity(0.85); |
| backdrop-opacity-90 | backdrop-filter: opacity(0.9); |
| backdrop-opacity-95 | backdrop-filter: opacity(0.95); |
| backdrop-opacity-100 | backdrop-filter: opacity(1); |
backdrop saturate
| Tailwind CSS | CSS |
|---|---|
| backdrop-saturate-0 | backdrop-filter: saturate(0); |
| backdrop-saturate-50 | backdrop-filter: saturate(.5); |
| backdrop-saturate-100 | backdrop-filter: saturate(1); |
| backdrop-saturate-150 | backdrop-filter: saturate(1.5); |
| backdrop-saturate-200 | backdrop-filter: saturate(2); |
backdrop sepia
| Tailwind CSS | CSS |
|---|---|
| backdrop-sepia-0 | backdrop-filter: sepia(0); |
| backdrop-sepia | backdrop-filter: sepia(100%); |
border collapse
| Tailwind CSS | CSS |
|---|---|
| border-collapse | border-collapse: collapse; |
| border-separate | border-collapse: separate; |
border spacing
| Tailwind CSS | CSS |
|---|---|
| border-spacing-0 | border-spacing: 0px 0px; |
| border-spacing-x-0 | border-spacing: 0px var(--tw-border-spacing-y); |
| border-spacing-y-0 | border-spacing: var(--tw-border-spacing-x) 0px; |
| border-spacing-px | border-spacing: 1px 1px; |
| border-spacing-x-px | border-spacing: 1px var(--tw-border-spacing-y); |
| border-spacing-y-px | border-spacing: var(--tw-border-spacing-x) 1px; |
| border-spacing-0.5 | border-spacing: 0.125rem 0.125rem; |
| border-spacing-x-0.5 | border-spacing: 0.125rem var(--tw-border-spacing-y); |
| border-spacing-y-0.5 | border-spacing: var(--tw-border-spacing-x) 0.125rem; |
| border-spacing-1 | border-spacing: 0.25rem 0.25rem; |
| border-spacing-x-1 | border-spacing: 0.25rem var(--tw-border-spacing-y); |
| border-spacing-y-1 | border-spacing: var(--tw-border-spacing-x) 0.25rem; |
| border-spacing-1.5 | border-spacing: 0.375rem 0.375rem; |
| border-spacing-x-1.5 | border-spacing: 0.375rem var(--tw-border-spacing-y); |
| border-spacing-y-1.5 | border-spacing: var(--tw-border-spacing-x) 0.375rem; |
| border-spacing-2 | border-spacing: 0.5rem 0.5rem; |
| border-spacing-x-2 | border-spacing: 0.5rem var(--tw-border-spacing-y); |
| border-spacing-y-2 | border-spacing: var(--tw-border-spacing-x) 0.5rem; |
| border-spacing-2.5 | border-spacing: 0.625rem 0.625rem; |
| border-spacing-x-2.5 | border-spacing: 0.625rem var(--tw-border-spacing-y); |
| border-spacing-y-2.5 | border-spacing: var(--tw-border-spacing-x) 0.625rem; |
| border-spacing-3 | border-spacing: 0.75rem 0.75rem; |
| border-spacing-x-3 | border-spacing: 0.75rem var(--tw-border-spacing-y); |
| border-spacing-y-3 | border-spacing: var(--tw-border-spacing-x) 0.75rem; |
| border-spacing-3.5 | border-spacing: 0.875rem 0.875rem; |
| border-spacing-x-3.5 | border-spacing: 0.875rem var(--tw-border-spacing-y); |
| border-spacing-y-3.5 | border-spacing: var(--tw-border-spacing-x) 0.875rem; |
| border-spacing-4 | border-spacing: 1rem 1rem; |
| border-spacing-x-4 | border-spacing: 1rem var(--tw-border-spacing-y); |
| border-spacing-y-4 | border-spacing: var(--tw-border-spacing-x) 1rem; |
| border-spacing-5 | border-spacing: 1.25rem 1.25rem; |
| border-spacing-x-5 | border-spacing: 1.25rem var(--tw-border-spacing-y); |
| border-spacing-y-5 | border-spacing: var(--tw-border-spacing-x) 1.25rem; |
| border-spacing-6 | border-spacing: 1.5rem 1.5rem; |
| border-spacing-x-6 | border-spacing: 1.5rem var(--tw-border-spacing-y); |
| border-spacing-y-6 | border-spacing: var(--tw-border-spacing-x) 1.5rem; |
| border-spacing-7 | border-spacing: 1.75rem 1.75rem; |
| border-spacing-x-7 | border-spacing: 1.75rem var(--tw-border-spacing-y); |
| border-spacing-y-7 | border-spacing: var(--tw-border-spacing-x) 1.75rem; |
| border-spacing-8 | border-spacing: 2rem 2rem; |
| border-spacing-x-8 | border-spacing: 2rem var(--tw-border-spacing-y); |
| border-spacing-y-8 | border-spacing: var(--tw-border-spacing-x) 2rem; |
| border-spacing-9 | border-spacing: 2.25rem 2.25rem; |
| border-spacing-x-9 | border-spacing: 2.25rem var(--tw-border-spacing-y); |
| border-spacing-y-9 | border-spacing: var(--tw-border-spacing-x) 2.25rem; |
| border-spacing-10 | border-spacing: 2.5rem 2.5rem; |
| border-spacing-x-10 | border-spacing: 2.5rem var(--tw-border-spacing-y); |
| border-spacing-y-10 | border-spacing: var(--tw-border-spacing-x) 2.5rem; |
| border-spacing-11 | border-spacing: 2.75rem 2.75rem; |
| border-spacing-x-11 | border-spacing: 2.75rem var(--tw-border-spacing-y); |
| border-spacing-y-11 | border-spacing: var(--tw-border-spacing-x) 2.75rem; |
| border-spacing-12 | border-spacing: 3rem 3rem; |
| border-spacing-x-12 | border-spacing: 3rem var(--tw-border-spacing-y); |
| border-spacing-y-12 | border-spacing: var(--tw-border-spacing-x) 3rem; |
| border-spacing-14 | border-spacing: 3.5rem 3.5rem; |
| border-spacing-x-14 | border-spacing: 3.5rem var(--tw-border-spacing-y); |
| border-spacing-y-14 | border-spacing: var(--tw-border-spacing-x) 3.5rem; |
| border-spacing-16 | border-spacing: 4rem 4rem; |
| border-spacing-x-16 | border-spacing: 4rem var(--tw-border-spacing-y); |
| border-spacing-y-16 | border-spacing: var(--tw-border-spacing-x) 4rem; |
| border-spacing-20 | border-spacing: 5rem 5rem; |
| border-spacing-x-20 | border-spacing: 5rem var(--tw-border-spacing-y); |
| border-spacing-y-20 | border-spacing: var(--tw-border-spacing-x) 5rem; |
| border-spacing-24 | border-spacing: 6rem 6rem; |
| border-spacing-x-24 | border-spacing: 6rem var(--tw-border-spacing-y); |
| border-spacing-y-24 | border-spacing: var(--tw-border-spacing-x) 6rem; |
| border-spacing-28 | border-spacing: 7rem 7rem; |
| border-spacing-x-28 | border-spacing: 7rem var(--tw-border-spacing-y); |
| border-spacing-y-28 | border-spacing: var(--tw-border-spacing-x) 7rem; |
| border-spacing-32 | border-spacing: 8rem 8rem; |
| border-spacing-x-32 | border-spacing: 8rem var(--tw-border-spacing-y); |
| border-spacing-y-32 | border-spacing: var(--tw-border-spacing-x) 8rem; |
| border-spacing-36 | border-spacing: 9rem 9rem; |
| border-spacing-x-36 | border-spacing: 9rem var(--tw-border-spacing-y); |
| border-spacing-y-36 | border-spacing: var(--tw-border-spacing-x) 9rem; |
| border-spacing-40 | border-spacing: 10rem 10rem; |
| border-spacing-x-40 | border-spacing: 10rem var(--tw-border-spacing-y); |
| border-spacing-y-40 | border-spacing: var(--tw-border-spacing-x) 10rem; |
| border-spacing-44 | border-spacing: 11rem 11rem; |
| border-spacing-x-44 | border-spacing: 11rem var(--tw-border-spacing-y); |
| border-spacing-y-44 | border-spacing: var(--tw-border-spacing-x) 11rem; |
| border-spacing-48 | border-spacing: 12rem 12rem; |
| border-spacing-x-48 | border-spacing: 12rem var(--tw-border-spacing-y); |
| border-spacing-y-48 | border-spacing: var(--tw-border-spacing-x) 12rem; |
| border-spacing-52 | border-spacing: 13rem 13rem; |
| border-spacing-x-52 | border-spacing: 13rem var(--tw-border-spacing-y); |
| border-spacing-y-52 | border-spacing: var(--tw-border-spacing-x) 13rem; |
| border-spacing-56 | border-spacing: 14rem 14rem; |
| border-spacing-x-56 | border-spacing: 14rem var(--tw-border-spacing-y); |
| border-spacing-y-56 | border-spacing: var(--tw-border-spacing-x) 14rem; |
| border-spacing-60 | border-spacing: 15rem 15rem; |
| border-spacing-x-60 | border-spacing: 15rem var(--tw-border-spacing-y); |
| border-spacing-y-60 | border-spacing: var(--tw-border-spacing-x) 15rem; |
| border-spacing-64 | border-spacing: 16rem 16rem; |
| border-spacing-x-64 | border-spacing: 16rem var(--tw-border-spacing-y); |
| border-spacing-y-64 | border-spacing: var(--tw-border-spacing-x) 16rem; |
| border-spacing-72 | border-spacing: 18rem 18rem; |
| border-spacing-x-72 | border-spacing: 18rem var(--tw-border-spacing-y); |
| border-spacing-y-72 | border-spacing: var(--tw-border-spacing-x) 18rem; |
| border-spacing-80 | border-spacing: 20rem 20rem; |
| border-spacing-x-80 | border-spacing: 20rem var(--tw-border-spacing-y); |
| border-spacing-y-80 | border-spacing: var(--tw-border-spacing-x) 20rem; |
| border-spacing-96 | border-spacing: 24rem 24rem; |
| border-spacing-x-96 | border-spacing: 24rem var(--tw-border-spacing-y); |
| border-spacing-y-96 | border-spacing: var(--tw-border-spacing-x) 24rem; |
table layout
| Tailwind CSS | CSS |
|---|---|
| table-auto | table-layout: auto; |
| table-fixed | table-layout: fixed; |
caption side
| Tailwind CSS | CSS |
|---|---|
| caption-top | caption-side: top; |
| caption-bottom | caption-side: bottom; |
transition property
| Tailwind CSS | CSS |
|---|---|
| transition-none | transition-property: none; |
| transition-all | transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; |
| transition | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; |
| transition-colors | transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; |
| transition-opacity | transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; |
| transition-shadow | transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; |
| transition-transform | transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; |
transition duration
| Tailwind CSS | CSS |
|---|---|
| duration-0 | transition-duration: 0s; |
| duration-75 | transition-duration: 75ms; |
| duration-100 | transition-duration: 100ms; |
| duration-150 | transition-duration: 150ms; |
| duration-200 | transition-duration: 200ms; |
| duration-300 | transition-duration: 300ms; |
| duration-500 | transition-duration: 500ms; |
| duration-700 | transition-duration: 700ms; |
| duration-1000 | transition-duration: 1000ms; |
transition timing function
| Tailwind CSS | CSS |
|---|---|
| ease-linear | transition-timing-function: linear; |
| ease-in | transition-timing-function: cubic-bezier(0.4, 0, 1, 1); |
| ease-out | transition-timing-function: cubic-bezier(0, 0, 0.2, 1); |
| ease-in-out | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
transition delay
| Tailwind CSS | CSS |
|---|---|
| delay-0 | transition-delay: 0s; |
| delay-75 | transition-delay: 75ms; |
| delay-100 | transition-delay: 100ms; |
| delay-150 | transition-delay: 150ms; |
| delay-200 | transition-delay: 200ms; |
| delay-300 | transition-delay: 300ms; |
| delay-500 | transition-delay: 500ms; |
| delay-700 | transition-delay: 700ms; |
| delay-1000 | transition-delay: 1000ms; |
animation
| Tailwind CSS | CSS |
|---|---|
| animate-none | animation: none; |
| animate-spin | animation: spin 1s linear infinite; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } |
| animate-ping | animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } |
| animate-pulse | animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } } |
| animate-bounce | animation: bounce 1s infinite; @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } |
scale
| Tailwind CSS | CSS |
|---|---|
| scale-0 | transform: scale(0); |
| scale-x-0 | transform: scaleX(0); |
| scale-y-0 | transform: scaleY(0); |
| scale-50 | transform: scale(.5); |
| scale-x-50 | transform: scaleX(.5); |
| scale-y-50 | transform: scaleY(.5); |
| scale-75 | transform: scale(.75); |
| scale-x-75 | transform: scaleX(.75); |
| scale-y-75 | transform: scaleY(.75); |
| scale-90 | transform: scale(.9); |
| scale-x-90 | transform: scaleX(.9); |
| scale-y-90 | transform: scaleY(.9); |
| scale-95 | transform: scale(.95); |
| scale-x-95 | transform: scaleX(.95); |
| scale-y-95 | transform: scaleY(.95); |
| scale-100 | transform: scale(1); |
| scale-x-100 | transform: scaleX(1); |
| scale-y-100 | transform: scaleY(1); |
| scale-105 | transform: scale(1.05); |
| scale-x-105 | transform: scaleX(1.05); |
| scale-y-105 | transform: scaleY(1.05); |
| scale-110 | transform: scale(1.1); |
| scale-x-110 | transform: scaleX(1.1); |
| scale-y-110 | transform: scaleY(1.1); |
| scale-125 | transform: scale(1.25); |
| scale-x-125 | transform: scaleX(1.25); |
| scale-y-125 | transform: scaleY(1.25); |
| scale-150 | transform: scale(1.5); |
| scale-x-150 | transform: scaleX(1.5); |
| scale-y-150 | transform: scaleY(1.5); |
rotate
| Tailwind CSS | CSS |
|---|---|
| rotate-0 | transform: rotate(0deg); |
| rotate-1 | transform: rotate(1deg); |
| rotate-2 | transform: rotate(2deg); |
| rotate-3 | transform: rotate(3deg); |
| rotate-6 | transform: rotate(6deg); |
| rotate-12 | transform: rotate(12deg); |
| rotate-45 | transform: rotate(45deg); |
| rotate-90 | transform: rotate(90deg); |
| rotate-180 | transform: rotate(180deg); |
translate
| Tailwind CSS | CSS |
|---|---|
| translate-x-0 | transform: translateX(0px); |
| translate-y-0 | transform: translateY(0px); |
| translate-x-px | transform: translateX(1px); |
| translate-y-px | transform: translateY(1px); |
| translate-x-0.5 | transform: translateX(0.125rem); |
| translate-y-0.5 | transform: translateY(0.125rem); |
| translate-x-1 | transform: translateX(0.25rem); |
| translate-y-1 | transform: translateY(0.25rem); |
| translate-x-1.5 | transform: translateX(0.375rem); |
| translate-y-1.5 | transform: translateY(0.375rem); |
| translate-x-2 | transform: translateX(0.5rem); |
| translate-y-2 | transform: translateY(0.5rem); |
| translate-x-2.5 | transform: translateX(0.625rem); |
| translate-y-2.5 | transform: translateY(0.625rem); |
| translate-x-3 | transform: translateX(0.75rem); |
| translate-y-3 | transform: translateY(0.75rem); |
| translate-x-3.5 | transform: translateX(0.875rem); |
| translate-y-3.5 | transform: translateY(0.875rem); |
| translate-x-4 | transform: translateX(1rem); |
| translate-y-4 | transform: translateY(1rem); |
| translate-x-5 | transform: translateX(1.25rem); |
| translate-y-5 | transform: translateY(1.25rem); |
| translate-x-6 | transform: translateX(1.5rem); |
| translate-y-6 | transform: translateY(1.5rem); |
| translate-x-7 | transform: translateX(1.75rem); |
| translate-y-7 | transform: translateY(1.75rem); |
| translate-x-8 | transform: translateX(2rem); |
| translate-y-8 | transform: translateY(2rem); |
| translate-x-9 | transform: translateX(2.25rem); |
| translate-y-9 | transform: translateY(2.25rem); |
| translate-x-10 | transform: translateX(2.5rem); |
| translate-y-10 | transform: translateY(2.5rem); |
| translate-x-11 | transform: translateX(2.75rem); |
| translate-y-11 | transform: translateY(2.75rem); |
| translate-x-12 | transform: translateX(3rem); |
| translate-y-12 | transform: translateY(3rem); |
| translate-x-14 | transform: translateX(3.5rem); |
| translate-y-14 | transform: translateY(3.5rem); |
| translate-x-16 | transform: translateX(4rem); |
| translate-y-16 | transform: translateY(4rem); |
| translate-x-20 | transform: translateX(5rem); |
| translate-y-20 | transform: translateY(5rem); |
| translate-x-24 | transform: translateX(6rem); |
| translate-y-24 | transform: translateY(6rem); |
| translate-x-28 | transform: translateX(7rem); |
| translate-y-28 | transform: translateY(7rem); |
| translate-x-32 | transform: translateX(8rem); |
| translate-y-32 | transform: translateY(8rem); |
| translate-x-36 | transform: translateX(9rem); |
| translate-y-36 | transform: translateY(9rem); |
| translate-x-40 | transform: translateX(10rem); |
| translate-y-40 | transform: translateY(10rem); |
| translate-x-44 | transform: translateX(11rem); |
| translate-y-44 | transform: translateY(11rem); |
| translate-x-48 | transform: translateX(12rem); |
| translate-y-48 | transform: translateY(12rem); |
| translate-x-52 | transform: translateX(13rem); |
| translate-y-52 | transform: translateY(13rem); |
| translate-x-56 | transform: translateX(14rem); |
| translate-y-56 | transform: translateY(14rem); |
| translate-x-60 | transform: translateX(15rem); |
| translate-y-60 | transform: translateY(15rem); |
| translate-x-64 | transform: translateX(16rem); |
| translate-y-64 | transform: translateY(16rem); |
| translate-x-72 | transform: translateX(18rem); |
| translate-y-72 | transform: translateY(18rem); |
| translate-x-80 | transform: translateX(20rem); |
| translate-y-80 | transform: translateY(20rem); |
| translate-x-96 | transform: translateX(24rem); |
| translate-y-96 | transform: translateY(24rem); |
| translate-x-1/2 | transform: translateX(50%); |
| translate-x-1/3 | transform: translateX(33.333333%); |
| translate-x-2/3 | transform: translateX(66.666667%); |
| translate-x-1/4 | transform: translateX(25%); |
| translate-x-2/4 | transform: translateX(50%); |
| translate-x-3/4 | transform: translateX(75%); |
| translate-x-full | transform: translateX(100%); |
| translate-y-1/2 | transform: translateY(50%); |
| translate-y-1/3 | transform: translateY(33.333333%); |
| translate-y-2/3 | transform: translateY(66.666667%); |
| translate-y-1/4 | transform: translateY(25%); |
| translate-y-2/4 | transform: translateY(50%); |
| translate-y-3/4 | transform: translateY(75%); |
| translate-y-full | transform: translateY(100%); |
skew
| Tailwind CSS | CSS |
|---|---|
| skew-x-0 | transform: skewX(0deg); |
| skew-y-0 | transform: skewY(0deg); |
| skew-x-1 | transform: skewX(1deg); |
| skew-y-1 | transform: skewY(1deg); |
| skew-x-2 | transform: skewX(2deg); |
| skew-y-2 | transform: skewY(2deg); |
| skew-x-3 | transform: skewX(3deg); |
| skew-y-3 | transform: skewY(3deg); |
| skew-x-6 | transform: skewX(6deg); |
| skew-y-6 | transform: skewY(6deg); |
| skew-x-12 | transform: skewX(12deg); |
| skew-y-12 | transform: skewY(12deg); |
transform origin
| Tailwind CSS | CSS |
|---|---|
| origin-center | transform-origin: center; |
| origin-top | transform-origin: top; |
| origin-top-right | transform-origin: top right; |
| origin-right | transform-origin: right; |
| origin-bottom-right | transform-origin: bottom right; |
| origin-bottom | transform-origin: bottom; |
| origin-bottom-left | transform-origin: bottom left; |
| origin-left | transform-origin: left; |
| origin-top-left | transform-origin: top left; |
accent color
| Tailwind CSS | CSS |
|---|---|
| accent-inherit | accent-color: inherit; |
| accent-current | accent-color: currentColor; |
| accent-transparent | accent-color: transparent; |
| accent-black | accent-color: #000; |
| accent-white | accent-color: #fff; |
| accent-slate-50 | accent-color: #f8fafc; |
| accent-slate-100 | accent-color: #f1f5f9; |
| accent-slate-200 | accent-color: #e2e8f0; |
| accent-slate-300 | accent-color: #cbd5e1; |
| accent-slate-400 | accent-color: #94a3b8; |
| accent-slate-500 | accent-color: #64748b; |
| accent-slate-600 | accent-color: #475569; |
| accent-slate-700 | accent-color: #334155; |
| accent-slate-800 | accent-color: #1e293b; |
| accent-slate-900 | accent-color: #0f172a; |
| accent-slate-950 | accent-color: #020617; |
| accent-gray-50 | accent-color: #f9fafb; |
| accent-gray-100 | accent-color: #f3f4f6; |
| accent-gray-200 | accent-color: #e5e7eb; |
| accent-gray-300 | accent-color: #d1d5db; |
| accent-gray-400 | accent-color: #9ca3af; |
| accent-gray-500 | accent-color: #6b7280; |
| accent-gray-600 | accent-color: #4b5563; |
| accent-gray-700 | accent-color: #374151; |
| accent-gray-800 | accent-color: #1f2937; |
| accent-gray-900 | accent-color: #111827; |
| accent-gray-950 | accent-color: #030712; |
| accent-zinc-50 | accent-color: #fafafa; |
| accent-zinc-100 | accent-color: #f4f4f5; |
| accent-zinc-200 | accent-color: #e4e4e7; |
| accent-zinc-300 | accent-color: #d4d4d8; |
| accent-zinc-400 | accent-color: #a1a1aa; |
| accent-zinc-500 | accent-color: #71717a; |
| accent-zinc-600 | accent-color: #52525b; |
| accent-zinc-700 | accent-color: #3f3f46; |
| accent-zinc-800 | accent-color: #27272a; |
| accent-zinc-900 | accent-color: #18181b; |
| accent-zinc-950 | accent-color: #09090b; |
| accent-neutral-50 | accent-color: #fafafa; |
| accent-neutral-100 | accent-color: #f5f5f5; |
| accent-neutral-200 | accent-color: #e5e5e5; |
| accent-neutral-300 | accent-color: #d4d4d4; |
| accent-neutral-400 | accent-color: #a3a3a3; |
| accent-neutral-500 | accent-color: #737373; |
| accent-neutral-600 | accent-color: #525252; |
| accent-neutral-700 | accent-color: #404040; |
| accent-neutral-800 | accent-color: #262626; |
| accent-neutral-900 | accent-color: #171717; |
| accent-neutral-950 | accent-color: #0a0a0a; |
| accent-stone-50 | accent-color: #fafaf9; |
| accent-stone-100 | accent-color: #f5f5f4; |
| accent-stone-200 | accent-color: #e7e5e4; |
| accent-stone-300 | accent-color: #d6d3d1; |
| accent-stone-400 | accent-color: #a8a29e; |
| accent-stone-500 | accent-color: #78716c; |
| accent-stone-600 | accent-color: #57534e; |
| accent-stone-700 | accent-color: #44403c; |
| accent-stone-800 | accent-color: #292524; |
| accent-stone-900 | accent-color: #1c1917; |
| accent-stone-950 | accent-color: #0c0a09; |
| accent-red-50 | accent-color: #fef2f2; |
| accent-red-100 | accent-color: #fee2e2; |
| accent-red-200 | accent-color: #fecaca; |
| accent-red-300 | accent-color: #fca5a5; |
| accent-red-400 | accent-color: #f87171; |
| accent-red-500 | accent-color: #ef4444; |
| accent-red-600 | accent-color: #dc2626; |
| accent-red-700 | accent-color: #b91c1c; |
| accent-red-800 | accent-color: #991b1b; |
| accent-red-900 | accent-color: #7f1d1d; |
| accent-red-950 | accent-color: #450a0a; |
| accent-orange-50 | accent-color: #fff7ed; |
| accent-orange-100 | accent-color: #ffedd5; |
| accent-orange-200 | accent-color: #fed7aa; |
| accent-orange-300 | accent-color: #fdba74; |
| accent-orange-400 | accent-color: #fb923c; |
| accent-orange-500 | accent-color: #f97316; |
| accent-orange-600 | accent-color: #ea580c; |
| accent-orange-700 | accent-color: #c2410c; |
| accent-orange-800 | accent-color: #9a3412; |
| accent-orange-900 | accent-color: #7c2d12; |
| accent-orange-950 | accent-color: #431407; |
| accent-amber-50 | accent-color: #fffbeb; |
| accent-amber-100 | accent-color: #fef3c7; |
| accent-amber-200 | accent-color: #fde68a; |
| accent-amber-300 | accent-color: #fcd34d; |
| accent-amber-400 | accent-color: #fbbf24; |
| accent-amber-500 | accent-color: #f59e0b; |
| accent-amber-600 | accent-color: #d97706; |
| accent-amber-700 | accent-color: #b45309; |
| accent-amber-800 | accent-color: #92400e; |
| accent-amber-900 | accent-color: #78350f; |
| accent-amber-950 | accent-color: #451a03; |
| accent-yellow-50 | accent-color: #fefce8; |
| accent-yellow-100 | accent-color: #fef9c3; |
| accent-yellow-200 | accent-color: #fef08a; |
| accent-yellow-300 | accent-color: #fde047; |
| accent-yellow-400 | accent-color: #facc15; |
| accent-yellow-500 | accent-color: #eab308; |
| accent-yellow-600 | accent-color: #ca8a04; |
| accent-yellow-700 | accent-color: #a16207; |
| accent-yellow-800 | accent-color: #854d0e; |
| accent-yellow-900 | accent-color: #713f12; |
| accent-yellow-950 | accent-color: #422006; |
| accent-lime-50 | accent-color: #f7fee7; |
| accent-lime-100 | accent-color: #ecfccb; |
| accent-lime-200 | accent-color: #d9f99d; |
| accent-lime-300 | accent-color: #bef264; |
| accent-lime-400 | accent-color: #a3e635; |
| accent-lime-500 | accent-color: #84cc16; |
| accent-lime-600 | accent-color: #65a30d; |
| accent-lime-700 | accent-color: #4d7c0f; |
| accent-lime-800 | accent-color: #3f6212; |
| accent-lime-900 | accent-color: #365314; |
| accent-lime-950 | accent-color: #1a2e05; |
| accent-green-50 | accent-color: #f0fdf4; |
| accent-green-100 | accent-color: #dcfce7; |
| accent-green-200 | accent-color: #bbf7d0; |
| accent-green-300 | accent-color: #86efac; |
| accent-green-400 | accent-color: #4ade80; |
| accent-green-500 | accent-color: #22c55e; |
| accent-green-600 | accent-color: #16a34a; |
| accent-green-700 | accent-color: #15803d; |
| accent-green-800 | accent-color: #166534; |
| accent-green-900 | accent-color: #14532d; |
| accent-green-950 | accent-color: #052e16; |
| accent-emerald-50 | accent-color: #ecfdf5; |
| accent-emerald-100 | accent-color: #d1fae5; |
| accent-emerald-200 | accent-color: #a7f3d0; |
| accent-emerald-300 | accent-color: #6ee7b7; |
| accent-emerald-400 | accent-color: #34d399; |
| accent-emerald-500 | accent-color: #10b981; |
| accent-emerald-600 | accent-color: #059669; |
| accent-emerald-700 | accent-color: #047857; |
| accent-emerald-800 | accent-color: #065f46; |
| accent-emerald-900 | accent-color: #064e3b; |
| accent-emerald-950 | accent-color: #022c22; |
| accent-teal-50 | accent-color: #f0fdfa; |
| accent-teal-100 | accent-color: #ccfbf1; |
| accent-teal-200 | accent-color: #99f6e4; |
| accent-teal-300 | accent-color: #5eead4; |
| accent-teal-400 | accent-color: #2dd4bf; |
| accent-teal-500 | accent-color: #14b8a6; |
| accent-teal-600 | accent-color: #0d9488; |
| accent-teal-700 | accent-color: #0f766e; |
| accent-teal-800 | accent-color: #115e59; |
| accent-teal-900 | accent-color: #134e4a; |
| accent-teal-950 | accent-color: #042f2e; |
| accent-cyan-50 | accent-color: #ecfeff; |
| accent-cyan-100 | accent-color: #cffafe; |
| accent-cyan-200 | accent-color: #a5f3fc; |
| accent-cyan-300 | accent-color: #67e8f9; |
| accent-cyan-400 | accent-color: #22d3ee; |
| accent-cyan-500 | accent-color: #06b6d4; |
| accent-cyan-600 | accent-color: #0891b2; |
| accent-cyan-700 | accent-color: #0e7490; |
| accent-cyan-800 | accent-color: #155e75; |
| accent-cyan-900 | accent-color: #164e63; |
| accent-cyan-950 | accent-color: #083344; |
| accent-sky-50 | accent-color: #f0f9ff; |
| accent-sky-100 | accent-color: #e0f2fe; |
| accent-sky-200 | accent-color: #bae6fd; |
| accent-sky-300 | accent-color: #7dd3fc; |
| accent-sky-400 | accent-color: #38bdf8; |
| accent-sky-500 | accent-color: #0ea5e9; |
| accent-sky-600 | accent-color: #0284c7; |
| accent-sky-700 | accent-color: #0369a1; |
| accent-sky-800 | accent-color: #075985; |
| accent-sky-900 | accent-color: #0c4a6e; |
| accent-sky-950 | accent-color: #082f49; |
| accent-blue-50 | accent-color: #eff6ff; |
| accent-blue-100 | accent-color: #dbeafe; |
| accent-blue-200 | accent-color: #bfdbfe; |
| accent-blue-300 | accent-color: #93c5fd; |
| accent-blue-400 | accent-color: #60a5fa; |
| accent-blue-500 | accent-color: #3b82f6; |
| accent-blue-600 | accent-color: #2563eb; |
| accent-blue-700 | accent-color: #1d4ed8; |
| accent-blue-800 | accent-color: #1e40af; |
| accent-blue-900 | accent-color: #1e3a8a; |
| accent-blue-950 | accent-color: #172554; |
| accent-indigo-50 | accent-color: #eef2ff; |
| accent-indigo-100 | accent-color: #e0e7ff; |
| accent-indigo-200 | accent-color: #c7d2fe; |
| accent-indigo-300 | accent-color: #a5b4fc; |
| accent-indigo-400 | accent-color: #818cf8; |
| accent-indigo-500 | accent-color: #6366f1; |
| accent-indigo-600 | accent-color: #4f46e5; |
| accent-indigo-700 | accent-color: #4338ca; |
| accent-indigo-800 | accent-color: #3730a3; |
| accent-indigo-900 | accent-color: #312e81; |
| accent-indigo-950 | accent-color: #1e1b4b; |
| accent-violet-50 | accent-color: #f5f3ff; |
| accent-violet-100 | accent-color: #ede9fe; |
| accent-violet-200 | accent-color: #ddd6fe; |
| accent-violet-300 | accent-color: #c4b5fd; |
| accent-violet-400 | accent-color: #a78bfa; |
| accent-violet-500 | accent-color: #8b5cf6; |
| accent-violet-600 | accent-color: #7c3aed; |
| accent-violet-700 | accent-color: #6d28d9; |
| accent-violet-800 | accent-color: #5b21b6; |
| accent-violet-900 | accent-color: #4c1d95; |
| accent-violet-950 | accent-color: #2e1065; |
| accent-purple-50 | accent-color: #faf5ff; |
| accent-purple-100 | accent-color: #f3e8ff; |
| accent-purple-200 | accent-color: #e9d5ff; |
| accent-purple-300 | accent-color: #d8b4fe; |
| accent-purple-400 | accent-color: #c084fc; |
| accent-purple-500 | accent-color: #a855f7; |
| accent-purple-600 | accent-color: #9333ea; |
| accent-purple-700 | accent-color: #7e22ce; |
| accent-purple-800 | accent-color: #6b21a8; |
| accent-purple-900 | accent-color: #581c87; |
| accent-purple-950 | accent-color: #3b0764; |
| accent-fuchsia-50 | accent-color: #fdf4ff; |
| accent-fuchsia-100 | accent-color: #fae8ff; |
| accent-fuchsia-200 | accent-color: #f5d0fe; |
| accent-fuchsia-300 | accent-color: #f0abfc; |
| accent-fuchsia-400 | accent-color: #e879f9; |
| accent-fuchsia-500 | accent-color: #d946ef; |
| accent-fuchsia-600 | accent-color: #c026d3; |
| accent-fuchsia-700 | accent-color: #a21caf; |
| accent-fuchsia-800 | accent-color: #86198f; |
| accent-fuchsia-900 | accent-color: #701a75; |
| accent-fuchsia-950 | accent-color: #4a044e; |
| accent-pink-50 | accent-color: #fdf2f8; |
| accent-pink-100 | accent-color: #fce7f3; |
| accent-pink-200 | accent-color: #fbcfe8; |
| accent-pink-300 | accent-color: #f9a8d4; |
| accent-pink-400 | accent-color: #f472b6; |
| accent-pink-500 | accent-color: #ec4899; |
| accent-pink-600 | accent-color: #db2777; |
| accent-pink-700 | accent-color: #be185d; |
| accent-pink-800 | accent-color: #9d174d; |
| accent-pink-900 | accent-color: #831843; |
| accent-pink-950 | accent-color: #500724; |
| accent-rose-50 | accent-color: #fff1f2; |
| accent-rose-100 | accent-color: #ffe4e6; |
| accent-rose-200 | accent-color: #fecdd3; |
| accent-rose-300 | accent-color: #fda4af; |
| accent-rose-400 | accent-color: #fb7185; |
| accent-rose-500 | accent-color: #f43f5e; |
| accent-rose-600 | accent-color: #e11d48; |
| accent-rose-700 | accent-color: #be123c; |
| accent-rose-800 | accent-color: #9f1239; |
| accent-rose-900 | accent-color: #881337; |
| accent-rose-950 | accent-color: #4c0519; |
| accent-auto | accent-color: auto; |
appearance
| Tailwind CSS | CSS |
|---|---|
| appearance-none | appearance: none; |
| appearance-auto | appearance: auto; |
cursor
| Tailwind CSS | CSS |
|---|---|
| cursor-auto | cursor: auto; |
| cursor-default | cursor: default; |
| cursor-pointer | cursor: pointer; |
| cursor-wait | cursor: wait; |
| cursor-text | cursor: text; |
| cursor-move | cursor: move; |
| cursor-help | cursor: help; |
| cursor-not-allowed | cursor: not-allowed; |
| cursor-none | cursor: none; |
| cursor-context-menu | cursor: context-menu; |
| cursor-progress | cursor: progress; |
| cursor-cell | cursor: cell; |
| cursor-crosshair | cursor: crosshair; |
| cursor-vertical-text | cursor: vertical-text; |
| cursor-alias | cursor: alias; |
| cursor-copy | cursor: copy; |
| cursor-no-drop | cursor: no-drop; |
| cursor-grab | cursor: grab; |
| cursor-grabbing | cursor: grabbing; |
| cursor-all-scroll | cursor: all-scroll; |
| cursor-col-resize | cursor: col-resize; |
| cursor-row-resize | cursor: row-resize; |
| cursor-n-resize | cursor: n-resize; |
| cursor-e-resize | cursor: e-resize; |
| cursor-s-resize | cursor: s-resize; |
| cursor-w-resize | cursor: w-resize; |
| cursor-ne-resize | cursor: ne-resize; |
| cursor-nw-resize | cursor: nw-resize; |
| cursor-se-resize | cursor: se-resize; |
| cursor-sw-resize | cursor: sw-resize; |
| cursor-ew-resize | cursor: ew-resize; |
| cursor-ns-resize | cursor: ns-resize; |
| cursor-nesw-resize | cursor: nesw-resize; |
| cursor-nwse-resize | cursor: nwse-resize; |
| cursor-zoom-in | cursor: zoom-in; |
| cursor-zoom-out | cursor: zoom-out; |
caret color
| Tailwind CSS | CSS |
|---|---|
| caret-inherit | caret-color: inherit; |
| caret-current | caret-color: currentColor; |
| caret-transparent | caret-color: transparent; |
| caret-black | caret-color: #000; |
| caret-white | caret-color: #fff; |
| caret-slate-50 | caret-color: #f8fafc; |
| caret-slate-100 | caret-color: #f1f5f9; |
| caret-slate-200 | caret-color: #e2e8f0; |
| caret-slate-300 | caret-color: #cbd5e1; |
| caret-slate-400 | caret-color: #94a3b8; |
| caret-slate-500 | caret-color: #64748b; |
| caret-slate-600 | caret-color: #475569; |
| caret-slate-700 | caret-color: #334155; |
| caret-slate-800 | caret-color: #1e293b; |
| caret-slate-900 | caret-color: #0f172a; |
| caret-slate-950 | caret-color: #020617; |
| caret-gray-50 | caret-color: #f9fafb; |
| caret-gray-100 | caret-color: #f3f4f6; |
| caret-gray-200 | caret-color: #e5e7eb; |
| caret-gray-300 | caret-color: #d1d5db; |
| caret-gray-400 | caret-color: #9ca3af; |
| caret-gray-500 | caret-color: #6b7280; |
| caret-gray-600 | caret-color: #4b5563; |
| caret-gray-700 | caret-color: #374151; |
| caret-gray-800 | caret-color: #1f2937; |
| caret-gray-900 | caret-color: #111827; |
| caret-gray-950 | caret-color: #030712; |
| caret-zinc-50 | caret-color: #fafafa; |
| caret-zinc-100 | caret-color: #f4f4f5; |
| caret-zinc-200 | caret-color: #e4e4e7; |
| caret-zinc-300 | caret-color: #d4d4d8; |
| caret-zinc-400 | caret-color: #a1a1aa; |
| caret-zinc-500 | caret-color: #71717a; |
| caret-zinc-600 | caret-color: #52525b; |
| caret-zinc-700 | caret-color: #3f3f46; |
| caret-zinc-800 | caret-color: #27272a; |
| caret-zinc-900 | caret-color: #18181b; |
| caret-zinc-950 | caret-color: #09090b; |
| caret-neutral-50 | caret-color: #fafafa; |
| caret-neutral-100 | caret-color: #f5f5f5; |
| caret-neutral-200 | caret-color: #e5e5e5; |
| caret-neutral-300 | caret-color: #d4d4d4; |
| caret-neutral-400 | caret-color: #a3a3a3; |
| caret-neutral-500 | caret-color: #737373; |
| caret-neutral-600 | caret-color: #525252; |
| caret-neutral-700 | caret-color: #404040; |
| caret-neutral-800 | caret-color: #262626; |
| caret-neutral-900 | caret-color: #171717; |
| caret-neutral-950 | caret-color: #0a0a0a; |
| caret-stone-50 | caret-color: #fafaf9; |
| caret-stone-100 | caret-color: #f5f5f4; |
| caret-stone-200 | caret-color: #e7e5e4; |
| caret-stone-300 | caret-color: #d6d3d1; |
| caret-stone-400 | caret-color: #a8a29e; |
| caret-stone-500 | caret-color: #78716c; |
| caret-stone-600 | caret-color: #57534e; |
| caret-stone-700 | caret-color: #44403c; |
| caret-stone-800 | caret-color: #292524; |
| caret-stone-900 | caret-color: #1c1917; |
| caret-stone-950 | caret-color: #0c0a09; |
| caret-red-50 | caret-color: #fef2f2; |
| caret-red-100 | caret-color: #fee2e2; |
| caret-red-200 | caret-color: #fecaca; |
| caret-red-300 | caret-color: #fca5a5; |
| caret-red-400 | caret-color: #f87171; |
| caret-red-500 | caret-color: #ef4444; |
| caret-red-600 | caret-color: #dc2626; |
| caret-red-700 | caret-color: #b91c1c; |
| caret-red-800 | caret-color: #991b1b; |
| caret-red-900 | caret-color: #7f1d1d; |
| caret-red-950 | caret-color: #450a0a; |
| caret-orange-50 | caret-color: #fff7ed; |
| caret-orange-100 | caret-color: #ffedd5; |
| caret-orange-200 | caret-color: #fed7aa; |
| caret-orange-300 | caret-color: #fdba74; |
| caret-orange-400 | caret-color: #fb923c; |
| caret-orange-500 | caret-color: #f97316; |
| caret-orange-600 | caret-color: #ea580c; |
| caret-orange-700 | caret-color: #c2410c; |
| caret-orange-800 | caret-color: #9a3412; |
| caret-orange-900 | caret-color: #7c2d12; |
| caret-orange-950 | caret-color: #431407; |
| caret-amber-50 | caret-color: #fffbeb; |
| caret-amber-100 | caret-color: #fef3c7; |
| caret-amber-200 | caret-color: #fde68a; |
| caret-amber-300 | caret-color: #fcd34d; |
| caret-amber-400 | caret-color: #fbbf24; |
| caret-amber-500 | caret-color: #f59e0b; |
| caret-amber-600 | caret-color: #d97706; |
| caret-amber-700 | caret-color: #b45309; |
| caret-amber-800 | caret-color: #92400e; |
| caret-amber-900 | caret-color: #78350f; |
| caret-amber-950 | caret-color: #451a03; |
| caret-yellow-50 | caret-color: #fefce8; |
| caret-yellow-100 | caret-color: #fef9c3; |
| caret-yellow-200 | caret-color: #fef08a; |
| caret-yellow-300 | caret-color: #fde047; |
| caret-yellow-400 | caret-color: #facc15; |
| caret-yellow-500 | caret-color: #eab308; |
| caret-yellow-600 | caret-color: #ca8a04; |
| caret-yellow-700 | caret-color: #a16207; |
| caret-yellow-800 | caret-color: #854d0e; |
| caret-yellow-900 | caret-color: #713f12; |
| caret-yellow-950 | caret-color: #422006; |
| caret-lime-50 | caret-color: #f7fee7; |
| caret-lime-100 | caret-color: #ecfccb; |
| caret-lime-200 | caret-color: #d9f99d; |
| caret-lime-300 | caret-color: #bef264; |
| caret-lime-400 | caret-color: #a3e635; |
| caret-lime-500 | caret-color: #84cc16; |
| caret-lime-600 | caret-color: #65a30d; |
| caret-lime-700 | caret-color: #4d7c0f; |
| caret-lime-800 | caret-color: #3f6212; |
| caret-lime-900 | caret-color: #365314; |
| caret-lime-950 | caret-color: #1a2e05; |
| caret-green-50 | caret-color: #f0fdf4; |
| caret-green-100 | caret-color: #dcfce7; |
| caret-green-200 | caret-color: #bbf7d0; |
| caret-green-300 | caret-color: #86efac; |
| caret-green-400 | caret-color: #4ade80; |
| caret-green-500 | caret-color: #22c55e; |
| caret-green-600 | caret-color: #16a34a; |
| caret-green-700 | caret-color: #15803d; |
| caret-green-800 | caret-color: #166534; |
| caret-green-900 | caret-color: #14532d; |
| caret-green-950 | caret-color: #052e16; |
| caret-emerald-50 | caret-color: #ecfdf5; |
| caret-emerald-100 | caret-color: #d1fae5; |
| caret-emerald-200 | caret-color: #a7f3d0; |
| caret-emerald-300 | caret-color: #6ee7b7; |
| caret-emerald-400 | caret-color: #34d399; |
| caret-emerald-500 | caret-color: #10b981; |
| caret-emerald-600 | caret-color: #059669; |
| caret-emerald-700 | caret-color: #047857; |
| caret-emerald-800 | caret-color: #065f46; |
| caret-emerald-900 | caret-color: #064e3b; |
| caret-emerald-950 | caret-color: #022c22; |
| caret-teal-50 | caret-color: #f0fdfa; |
| caret-teal-100 | caret-color: #ccfbf1; |
| caret-teal-200 | caret-color: #99f6e4; |
| caret-teal-300 | caret-color: #5eead4; |
| caret-teal-400 | caret-color: #2dd4bf; |
| caret-teal-500 | caret-color: #14b8a6; |
| caret-teal-600 | caret-color: #0d9488; |
| caret-teal-700 | caret-color: #0f766e; |
| caret-teal-800 | caret-color: #115e59; |
| caret-teal-900 | caret-color: #134e4a; |
| caret-teal-950 | caret-color: #042f2e; |
| caret-cyan-50 | caret-color: #ecfeff; |
| caret-cyan-100 | caret-color: #cffafe; |
| caret-cyan-200 | caret-color: #a5f3fc; |
| caret-cyan-300 | caret-color: #67e8f9; |
| caret-cyan-400 | caret-color: #22d3ee; |
| caret-cyan-500 | caret-color: #06b6d4; |
| caret-cyan-600 | caret-color: #0891b2; |
| caret-cyan-700 | caret-color: #0e7490; |
| caret-cyan-800 | caret-color: #155e75; |
| caret-cyan-900 | caret-color: #164e63; |
| caret-cyan-950 | caret-color: #083344; |
| caret-sky-50 | caret-color: #f0f9ff; |
| caret-sky-100 | caret-color: #e0f2fe; |
| caret-sky-200 | caret-color: #bae6fd; |
| caret-sky-300 | caret-color: #7dd3fc; |
| caret-sky-400 | caret-color: #38bdf8; |
| caret-sky-500 | caret-color: #0ea5e9; |
| caret-sky-600 | caret-color: #0284c7; |
| caret-sky-700 | caret-color: #0369a1; |
| caret-sky-800 | caret-color: #075985; |
| caret-sky-900 | caret-color: #0c4a6e; |
| caret-sky-950 | caret-color: #082f49; |
| caret-blue-50 | caret-color: #eff6ff; |
| caret-blue-100 | caret-color: #dbeafe; |
| caret-blue-200 | caret-color: #bfdbfe; |
| caret-blue-300 | caret-color: #93c5fd; |
| caret-blue-400 | caret-color: #60a5fa; |
| caret-blue-500 | caret-color: #3b82f6; |
| caret-blue-600 | caret-color: #2563eb; |
| caret-blue-700 | caret-color: #1d4ed8; |
| caret-blue-800 | caret-color: #1e40af; |
| caret-blue-900 | caret-color: #1e3a8a; |
| caret-blue-950 | caret-color: #172554; |
| caret-indigo-50 | caret-color: #eef2ff; |
| caret-indigo-100 | caret-color: #e0e7ff; |
| caret-indigo-200 | caret-color: #c7d2fe; |
| caret-indigo-300 | caret-color: #a5b4fc; |
| caret-indigo-400 | caret-color: #818cf8; |
| caret-indigo-500 | caret-color: #6366f1; |
| caret-indigo-600 | caret-color: #4f46e5; |
| caret-indigo-700 | caret-color: #4338ca; |
| caret-indigo-800 | caret-color: #3730a3; |
| caret-indigo-900 | caret-color: #312e81; |
| caret-indigo-950 | caret-color: #1e1b4b; |
| caret-violet-50 | caret-color: #f5f3ff; |
| caret-violet-100 | caret-color: #ede9fe; |
| caret-violet-200 | caret-color: #ddd6fe; |
| caret-violet-300 | caret-color: #c4b5fd; |
| caret-violet-400 | caret-color: #a78bfa; |
| caret-violet-500 | caret-color: #8b5cf6; |
| caret-violet-600 | caret-color: #7c3aed; |
| caret-violet-700 | caret-color: #6d28d9; |
| caret-violet-800 | caret-color: #5b21b6; |
| caret-violet-900 | caret-color: #4c1d95; |
| caret-violet-950 | caret-color: #2e1065; |
| caret-purple-50 | caret-color: #faf5ff; |
| caret-purple-100 | caret-color: #f3e8ff; |
| caret-purple-200 | caret-color: #e9d5ff; |
| caret-purple-300 | caret-color: #d8b4fe; |
| caret-purple-400 | caret-color: #c084fc; |
| caret-purple-500 | caret-color: #a855f7; |
| caret-purple-600 | caret-color: #9333ea; |
| caret-purple-700 | caret-color: #7e22ce; |
| caret-purple-800 | caret-color: #6b21a8; |
| caret-purple-900 | caret-color: #581c87; |
| caret-purple-950 | caret-color: #3b0764; |
| caret-fuchsia-50 | caret-color: #fdf4ff; |
| caret-fuchsia-100 | caret-color: #fae8ff; |
| caret-fuchsia-200 | caret-color: #f5d0fe; |
| caret-fuchsia-300 | caret-color: #f0abfc; |
| caret-fuchsia-400 | caret-color: #e879f9; |
| caret-fuchsia-500 | caret-color: #d946ef; |
| caret-fuchsia-600 | caret-color: #c026d3; |
| caret-fuchsia-700 | caret-color: #a21caf; |
| caret-fuchsia-800 | caret-color: #86198f; |
| caret-fuchsia-900 | caret-color: #701a75; |
| caret-fuchsia-950 | caret-color: #4a044e; |
| caret-pink-50 | caret-color: #fdf2f8; |
| caret-pink-100 | caret-color: #fce7f3; |
| caret-pink-200 | caret-color: #fbcfe8; |
| caret-pink-300 | caret-color: #f9a8d4; |
| caret-pink-400 | caret-color: #f472b6; |
| caret-pink-500 | caret-color: #ec4899; |
| caret-pink-600 | caret-color: #db2777; |
| caret-pink-700 | caret-color: #be185d; |
| caret-pink-800 | caret-color: #9d174d; |
| caret-pink-900 | caret-color: #831843; |
| caret-pink-950 | caret-color: #500724; |
| caret-rose-50 | caret-color: #fff1f2; |
| caret-rose-100 | caret-color: #ffe4e6; |
| caret-rose-200 | caret-color: #fecdd3; |
| caret-rose-300 | caret-color: #fda4af; |
| caret-rose-400 | caret-color: #fb7185; |
| caret-rose-500 | caret-color: #f43f5e; |
| caret-rose-600 | caret-color: #e11d48; |
| caret-rose-700 | caret-color: #be123c; |
| caret-rose-800 | caret-color: #9f1239; |
| caret-rose-900 | caret-color: #881337; |
| caret-rose-950 | caret-color: #4c0519; |
pointer events
| Tailwind CSS | CSS |
|---|---|
| pointer-events-none | pointer-events: none; |
| pointer-events-auto | pointer-events: auto; |
resize
| Tailwind CSS | CSS |
|---|---|
| resize-none | resize: none; |
| resize-y | resize: vertical; |
| resize-x | resize: horizontal; |
| resize | resize: both; |
scroll behavior
| Tailwind CSS | CSS |
|---|---|
| scroll-auto | scroll-behavior: auto; |
| scroll-smooth | scroll-behavior: smooth; |
scroll margin
| Tailwind CSS | CSS |
|---|---|
| scroll-m-0 | scroll-margin: 0px; |
| scroll-mx-0 | scroll-margin-left: 0px; scroll-margin-right: 0px; |
| scroll-my-0 | scroll-margin-top: 0px; scroll-margin-bottom: 0px; |
| scroll-ms-0 | scroll-margin-inline-start: 0px; |
| scroll-me-0 | scroll-margin-inline-end: 0px; |
| scroll-mt-0 | scroll-margin-top: 0px; |
| scroll-mr-0 | scroll-margin-right: 0px; |
| scroll-mb-0 | scroll-margin-bottom: 0px; |
| scroll-ml-0 | scroll-margin-left: 0px; |
| scroll-m-px | scroll-margin: 1px; |
| scroll-mx-px | scroll-margin-left: 1px; scroll-margin-right: 1px; |
| scroll-my-px | scroll-margin-top: 1px; scroll-margin-bottom: 1px; |
| scroll-ms-px | scroll-margin-inline-start: 1px; |
| scroll-me-px | scroll-margin-inline-end: 1px; |
| scroll-mt-px | scroll-margin-top: 1px; |
| scroll-mr-px | scroll-margin-right: 1px; |
| scroll-mb-px | scroll-margin-bottom: 1px; |
| scroll-ml-px | scroll-margin-left: 1px; |
| scroll-m-0.5 | scroll-margin: 0.125rem; /* 2px */ |
| scroll-mx-0.5 | scroll-margin-left: 0.125rem; /* 2px */ scroll-margin-right: 0.125rem; /* 2px */ |
| scroll-my-0.5 | scroll-margin-top: 0.125rem; /* 2px */ scroll-margin-bottom: 0.125rem; /* 2px */ |
| scroll-ms-0.5 | scroll-margin-inline-start: 0.125rem; /* 2px */ |
| scroll-me-0.5 | scroll-margin-inline-end: 0.125rem; /* 2px */ |
| scroll-mt-0.5 | scroll-margin-top: 0.125rem; /* 2px */ |
| scroll-mr-0.5 | scroll-margin-right: 0.125rem; /* 2px */ |
| scroll-mb-0.5 | scroll-margin-bottom: 0.125rem; /* 2px */ |
| scroll-ml-0.5 | scroll-margin-left: 0.125rem; /* 2px */ |
| scroll-m-1 | scroll-margin: 0.25rem; /* 4px */ |
| scroll-mx-1 | scroll-margin-left: 0.25rem; /* 4px */ scroll-margin-right: 0.25rem; /* 4px */ |
| scroll-my-1 | scroll-margin-top: 0.25rem; /* 4px */ scroll-margin-bottom: 0.25rem; /* 4px */ |
| scroll-ms-1 | scroll-margin-inline-start: 0.25rem; /* 4px */ |
| scroll-me-1 | scroll-margin-inline-end: 0.25rem; /* 4px */ |
| scroll-mt-1 | scroll-margin-top: 0.25rem; /* 4px */ |
| scroll-mr-1 | scroll-margin-right: 0.25rem; /* 4px */ |
| scroll-mb-1 | scroll-margin-bottom: 0.25rem; /* 4px */ |
| scroll-ml-1 | scroll-margin-left: 0.25rem; /* 4px */ |
| scroll-m-1.5 | scroll-margin: 0.375rem; /* 6px */ |
| scroll-mx-1.5 | scroll-margin-left: 0.375rem; /* 6px */ scroll-margin-right: 0.375rem; /* 6px */ |
| scroll-my-1.5 | scroll-margin-top: 0.375rem; /* 6px */ scroll-margin-bottom: 0.375rem; /* 6px */ |
| scroll-ms-1.5 | scroll-margin-inline-start: 0.375rem; /* 6px */ |
| scroll-me-1.5 | scroll-margin-inline-end: 0.375rem; /* 6px */ |
| scroll-mt-1.5 | scroll-margin-top: 0.375rem; /* 6px */ |
| scroll-mr-1.5 | scroll-margin-right: 0.375rem; /* 6px */ |
| scroll-mb-1.5 | scroll-margin-bottom: 0.375rem; /* 6px */ |
| scroll-ml-1.5 | scroll-margin-left: 0.375rem; /* 6px */ |
| scroll-m-2 | scroll-margin: 0.5rem; /* 8px */ |
| scroll-mx-2 | scroll-margin-left: 0.5rem; /* 8px */ scroll-margin-right: 0.5rem; /* 8px */ |
| scroll-my-2 | scroll-margin-top: 0.5rem; /* 8px */ scroll-margin-bottom: 0.5rem; /* 8px */ |
| scroll-ms-2 | scroll-margin-inline-start: 0.5rem; /* 8px */ |
| scroll-me-2 | scroll-margin-inline-end: 0.5rem; /* 8px */ |
| scroll-mt-2 | scroll-margin-top: 0.5rem; /* 8px */ |
| scroll-mr-2 | scroll-margin-right: 0.5rem; /* 8px */ |
| scroll-mb-2 | scroll-margin-bottom: 0.5rem; /* 8px */ |
| scroll-ml-2 | scroll-margin-left: 0.5rem; /* 8px */ |
| scroll-m-2.5 | scroll-margin: 0.625rem; /* 10px */ |
| scroll-mx-2.5 | scroll-margin-left: 0.625rem; /* 10px */ scroll-margin-right: 0.625rem; /* 10px */ |
| scroll-my-2.5 | scroll-margin-top: 0.625rem; /* 10px */ scroll-margin-bottom: 0.625rem; /* 10px */ |
| scroll-ms-2.5 | scroll-margin-inline-start: 0.625rem; /* 10px */ |
| scroll-me-2.5 | scroll-margin-inline-end: 0.625rem; /* 10px */ |
| scroll-mt-2.5 | scroll-margin-top: 0.625rem; /* 10px */ |
| scroll-mr-2.5 | scroll-margin-right: 0.625rem; /* 10px */ |
| scroll-mb-2.5 | scroll-margin-bottom: 0.625rem; /* 10px */ |
| scroll-ml-2.5 | scroll-margin-left: 0.625rem; /* 10px */ |
| scroll-m-3 | scroll-margin: 0.75rem; /* 12px */ |
| scroll-mx-3 | scroll-margin-left: 0.75rem; /* 12px */ scroll-margin-right: 0.75rem; /* 12px */ |
| scroll-my-3 | scroll-margin-top: 0.75rem; /* 12px */ scroll-margin-bottom: 0.75rem; /* 12px */ |
| scroll-ms-3 | scroll-margin-inline-start: 0.75rem; /* 12px */ |
| scroll-me-3 | scroll-margin-inline-end: 0.75rem; /* 12px */ |
| scroll-mt-3 | scroll-margin-top: 0.75rem; /* 12px */ |
| scroll-mr-3 | scroll-margin-right: 0.75rem; /* 12px */ |
| scroll-mb-3 | scroll-margin-bottom: 0.75rem; /* 12px */ |
| scroll-ml-3 | scroll-margin-left: 0.75rem; /* 12px */ |
| scroll-m-3.5 | scroll-margin: 0.875rem; /* 14px */ |
| scroll-mx-3.5 | scroll-margin-left: 0.875rem; /* 14px */ scroll-margin-right: 0.875rem; /* 14px */ |
| scroll-my-3.5 | scroll-margin-top: 0.875rem; /* 14px */ scroll-margin-bottom: 0.875rem; /* 14px */ |
| scroll-ms-3.5 | scroll-margin-inline-start: 0.875rem; /* 14px */ |
| scroll-me-3.5 | scroll-margin-inline-end: 0.875rem; /* 14px */ |
| scroll-mt-3.5 | scroll-margin-top: 0.875rem; /* 14px */ |
| scroll-mr-3.5 | scroll-margin-right: 0.875rem; /* 14px */ |
| scroll-mb-3.5 | scroll-margin-bottom: 0.875rem; /* 14px */ |
| scroll-ml-3.5 | scroll-margin-left: 0.875rem; /* 14px */ |
| scroll-m-4 | scroll-margin: 1rem; /* 16px */ |
| scroll-mx-4 | scroll-margin-left: 1rem; /* 16px */ scroll-margin-right: 1rem; /* 16px */ |
| scroll-my-4 | scroll-margin-top: 1rem; /* 16px */ scroll-margin-bottom: 1rem; /* 16px */ |
| scroll-ms-4 | scroll-margin-inline-start: 1rem; /* 16px */ |
| scroll-me-4 | scroll-margin-inline-end: 1rem; /* 16px */ |
| scroll-mt-4 | scroll-margin-top: 1rem; /* 16px */ |
| scroll-mr-4 | scroll-margin-right: 1rem; /* 16px */ |
| scroll-mb-4 | scroll-margin-bottom: 1rem; /* 16px */ |
| scroll-ml-4 | scroll-margin-left: 1rem; /* 16px */ |
| scroll-m-5 | scroll-margin: 1.25rem; /* 20px */ |
| scroll-mx-5 | scroll-margin-left: 1.25rem; /* 20px */ scroll-margin-right: 1.25rem; /* 20px */ |
| scroll-my-5 | scroll-margin-top: 1.25rem; /* 20px */ scroll-margin-bottom: 1.25rem; /* 20px */ |
| scroll-ms-5 | scroll-margin-inline-start: 1.25rem; /* 20px */ |
| scroll-me-5 | scroll-margin-inline-end: 1.25rem; /* 20px */ |
| scroll-mt-5 | scroll-margin-top: 1.25rem; /* 20px */ |
| scroll-mr-5 | scroll-margin-right: 1.25rem; /* 20px */ |
| scroll-mb-5 | scroll-margin-bottom: 1.25rem; /* 20px */ |
| scroll-ml-5 | scroll-margin-left: 1.25rem; /* 20px */ |
| scroll-m-6 | scroll-margin: 1.5rem; /* 24px */ |
| scroll-mx-6 | scroll-margin-left: 1.5rem; /* 24px */ scroll-margin-right: 1.5rem; /* 24px */ |
| scroll-my-6 | scroll-margin-top: 1.5rem; /* 24px */ scroll-margin-bottom: 1.5rem; /* 24px */ |
| scroll-ms-6 | scroll-margin-inline-start: 1.5rem; /* 24px */ |
| scroll-me-6 | scroll-margin-inline-end: 1.5rem; /* 24px */ |
| scroll-mt-6 | scroll-margin-top: 1.5rem; /* 24px */ |
| scroll-mr-6 | scroll-margin-right: 1.5rem; /* 24px */ |
| scroll-mb-6 | scroll-margin-bottom: 1.5rem; /* 24px */ |
| scroll-ml-6 | scroll-margin-left: 1.5rem; /* 24px */ |
| scroll-m-7 | scroll-margin: 1.75rem; /* 28px */ |
| scroll-mx-7 | scroll-margin-left: 1.75rem; /* 28px */ scroll-margin-right: 1.75rem; /* 28px */ |
| scroll-my-7 | scroll-margin-top: 1.75rem; /* 28px */ scroll-margin-bottom: 1.75rem; /* 28px */ |
| scroll-ms-7 | scroll-margin-inline-start: 1.75rem; /* 28px */ |
| scroll-me-7 | scroll-margin-inline-end: 1.75rem; /* 28px */ |
| scroll-mt-7 | scroll-margin-top: 1.75rem; /* 28px */ |
| scroll-mr-7 | scroll-margin-right: 1.75rem; /* 28px */ |
| scroll-mb-7 | scroll-margin-bottom: 1.75rem; /* 28px */ |
| scroll-ml-7 | scroll-margin-left: 1.75rem; /* 28px */ |
| scroll-m-8 | scroll-margin: 2rem; /* 32px */ |
| scroll-mx-8 | scroll-margin-left: 2rem; /* 32px */ scroll-margin-right: 2rem; /* 32px */ |
| scroll-my-8 | scroll-margin-top: 2rem; /* 32px */ scroll-margin-bottom: 2rem; /* 32px */ |
| scroll-ms-8 | scroll-margin-inline-start: 2rem; /* 32px */ |
| scroll-me-8 | scroll-margin-inline-end: 2rem; /* 32px */ |
| scroll-mt-8 | scroll-margin-top: 2rem; /* 32px */ |
| scroll-mr-8 | scroll-margin-right: 2rem; /* 32px */ |
| scroll-mb-8 | scroll-margin-bottom: 2rem; /* 32px */ |
| scroll-ml-8 | scroll-margin-left: 2rem; /* 32px */ |
| scroll-m-9 | scroll-margin: 2.25rem; /* 36px */ |
| scroll-mx-9 | scroll-margin-left: 2.25rem; /* 36px */ scroll-margin-right: 2.25rem; /* 36px */ |
| scroll-my-9 | scroll-margin-top: 2.25rem; /* 36px */ scroll-margin-bottom: 2.25rem; /* 36px */ |
| scroll-ms-9 | scroll-margin-inline-start: 2.25rem; /* 36px */ |
| scroll-me-9 | scroll-margin-inline-end: 2.25rem; /* 36px */ |
| scroll-mt-9 | scroll-margin-top: 2.25rem; /* 36px */ |
| scroll-mr-9 | scroll-margin-right: 2.25rem; /* 36px */ |
| scroll-mb-9 | scroll-margin-bottom: 2.25rem; /* 36px */ |
| scroll-ml-9 | scroll-margin-left: 2.25rem; /* 36px */ |
| scroll-m-10 | scroll-margin: 2.5rem; /* 40px */ |
| scroll-mx-10 | scroll-margin-left: 2.5rem; /* 40px */ scroll-margin-right: 2.5rem; /* 40px */ |
| scroll-my-10 | scroll-margin-top: 2.5rem; /* 40px */ scroll-margin-bottom: 2.5rem; /* 40px */ |
| scroll-ms-10 | scroll-margin-inline-start: 2.5rem; /* 40px */ |
| scroll-me-10 | scroll-margin-inline-end: 2.5rem; /* 40px */ |
| scroll-mt-10 | scroll-margin-top: 2.5rem; /* 40px */ |
| scroll-mr-10 | scroll-margin-right: 2.5rem; /* 40px */ |
| scroll-mb-10 | scroll-margin-bottom: 2.5rem; /* 40px */ |
| scroll-ml-10 | scroll-margin-left: 2.5rem; /* 40px */ |
| scroll-m-11 | scroll-margin: 2.75rem; /* 44px */ |
| scroll-mx-11 | scroll-margin-left: 2.75rem; /* 44px */ scroll-margin-right: 2.75rem; /* 44px */ |
| scroll-my-11 | scroll-margin-top: 2.75rem; /* 44px */ scroll-margin-bottom: 2.75rem; /* 44px */ |
| scroll-ms-11 | scroll-margin-inline-start: 2.75rem; /* 44px */ |
| scroll-me-11 | scroll-margin-inline-end: 2.75rem; /* 44px */ |
| scroll-mt-11 | scroll-margin-top: 2.75rem; /* 44px */ |
| scroll-mr-11 | scroll-margin-right: 2.75rem; /* 44px */ |
| scroll-mb-11 | scroll-margin-bottom: 2.75rem; /* 44px */ |
| scroll-ml-11 | scroll-margin-left: 2.75rem; /* 44px */ |
| scroll-m-12 | scroll-margin: 3rem; /* 48px */ |
| scroll-mx-12 | scroll-margin-left: 3rem; /* 48px */ scroll-margin-right: 3rem; /* 48px */ |
| scroll-my-12 | scroll-margin-top: 3rem; /* 48px */ scroll-margin-bottom: 3rem; /* 48px */ |
| scroll-ms-12 | scroll-margin-inline-start: 3rem; /* 48px */ |
| scroll-me-12 | scroll-margin-inline-end: 3rem; /* 48px */ |
| scroll-mt-12 | scroll-margin-top: 3rem; /* 48px */ |
| scroll-mr-12 | scroll-margin-right: 3rem; /* 48px */ |
| scroll-mb-12 | scroll-margin-bottom: 3rem; /* 48px */ |
| scroll-ml-12 | scroll-margin-left: 3rem; /* 48px */ |
| scroll-m-14 | scroll-margin: 3.5rem; /* 56px */ |
| scroll-mx-14 | scroll-margin-left: 3.5rem; /* 56px */ scroll-margin-right: 3.5rem; /* 56px */ |
| scroll-my-14 | scroll-margin-top: 3.5rem; /* 56px */ scroll-margin-bottom: 3.5rem; /* 56px */ |
| scroll-ms-14 | scroll-margin-inline-start: 3.5rem; /* 56px */ |
| scroll-me-14 | scroll-margin-inline-end: 3.5rem; /* 56px */ |
| scroll-mt-14 | scroll-margin-top: 3.5rem; /* 56px */ |
| scroll-mr-14 | scroll-margin-right: 3.5rem; /* 56px */ |
| scroll-mb-14 | scroll-margin-bottom: 3.5rem; /* 56px */ |
| scroll-ml-14 | scroll-margin-left: 3.5rem; /* 56px */ |
| scroll-m-16 | scroll-margin: 4rem; /* 64px */ |
| scroll-mx-16 | scroll-margin-left: 4rem; /* 64px */ scroll-margin-right: 4rem; /* 64px */ |
| scroll-my-16 | scroll-margin-top: 4rem; /* 64px */ scroll-margin-bottom: 4rem; /* 64px */ |
| scroll-ms-16 | scroll-margin-inline-start: 4rem; /* 64px */ |
| scroll-me-16 | scroll-margin-inline-end: 4rem; /* 64px */ |
| scroll-mt-16 | scroll-margin-top: 4rem; /* 64px */ |
| scroll-mr-16 | scroll-margin-right: 4rem; /* 64px */ |
| scroll-mb-16 | scroll-margin-bottom: 4rem; /* 64px */ |
| scroll-ml-16 | scroll-margin-left: 4rem; /* 64px */ |
| scroll-m-20 | scroll-margin: 5rem; /* 80px */ |
| scroll-mx-20 | scroll-margin-left: 5rem; /* 80px */ scroll-margin-right: 5rem; /* 80px */ |
| scroll-my-20 | scroll-margin-top: 5rem; /* 80px */ scroll-margin-bottom: 5rem; /* 80px */ |
| scroll-ms-20 | scroll-margin-inline-start: 5rem; /* 80px */ |
| scroll-me-20 | scroll-margin-inline-end: 5rem; /* 80px */ |
| scroll-mt-20 | scroll-margin-top: 5rem; /* 80px */ |
| scroll-mr-20 | scroll-margin-right: 5rem; /* 80px */ |
| scroll-mb-20 | scroll-margin-bottom: 5rem; /* 80px */ |
| scroll-ml-20 | scroll-margin-left: 5rem; /* 80px */ |
| scroll-m-24 | scroll-margin: 6rem; /* 96px */ |
| scroll-mx-24 | scroll-margin-left: 6rem; /* 96px */ scroll-margin-right: 6rem; /* 96px */ |
| scroll-my-24 | scroll-margin-top: 6rem; /* 96px */ scroll-margin-bottom: 6rem; /* 96px */ |
| scroll-ms-24 | scroll-margin-inline-start: 6rem; /* 96px */ |
| scroll-me-24 | scroll-margin-inline-end: 6rem; /* 96px */ |
| scroll-mt-24 | scroll-margin-top: 6rem; /* 96px */ |
| scroll-mr-24 | scroll-margin-right: 6rem; /* 96px */ |
| scroll-mb-24 | scroll-margin-bottom: 6rem; /* 96px */ |
| scroll-ml-24 | scroll-margin-left: 6rem; /* 96px */ |
| scroll-m-28 | scroll-margin: 7rem; /* 112px */ |
| scroll-mx-28 | scroll-margin-left: 7rem; /* 112px */ scroll-margin-right: 7rem; /* 112px */ |
| scroll-my-28 | scroll-margin-top: 7rem; /* 112px */ scroll-margin-bottom: 7rem; /* 112px */ |
| scroll-ms-28 | scroll-margin-inline-start: 7rem; /* 112px */ |
| scroll-me-28 | scroll-margin-inline-end: 7rem; /* 112px */ |
| scroll-mt-28 | scroll-margin-top: 7rem; /* 112px */ |
| scroll-mr-28 | scroll-margin-right: 7rem; /* 112px */ |
| scroll-mb-28 | scroll-margin-bottom: 7rem; /* 112px */ |
| scroll-ml-28 | scroll-margin-left: 7rem; /* 112px */ |
| scroll-m-32 | scroll-margin: 8rem; /* 128px */ |
| scroll-mx-32 | scroll-margin-left: 8rem; /* 128px */ scroll-margin-right: 8rem; /* 128px */ |
| scroll-my-32 | scroll-margin-top: 8rem; /* 128px */ scroll-margin-bottom: 8rem; /* 128px */ |
| scroll-ms-32 | scroll-margin-inline-start: 8rem; /* 128px */ |
| scroll-me-32 | scroll-margin-inline-end: 8rem; /* 128px */ |
| scroll-mt-32 | scroll-margin-top: 8rem; /* 128px */ |
| scroll-mr-32 | scroll-margin-right: 8rem; /* 128px */ |
| scroll-mb-32 | scroll-margin-bottom: 8rem; /* 128px */ |
| scroll-ml-32 | scroll-margin-left: 8rem; /* 128px */ |
| scroll-m-36 | scroll-margin: 9rem; /* 144px */ |
| scroll-mx-36 | scroll-margin-left: 9rem; /* 144px */ scroll-margin-right: 9rem; /* 144px */ |
| scroll-my-36 | scroll-margin-top: 9rem; /* 144px */ scroll-margin-bottom: 9rem; /* 144px */ |
| scroll-ms-36 | scroll-margin-inline-start: 9rem; /* 144px */ |
| scroll-me-36 | scroll-margin-inline-end: 9rem; /* 144px */ |
| scroll-mt-36 | scroll-margin-top: 9rem; /* 144px */ |
| scroll-mr-36 | scroll-margin-right: 9rem; /* 144px */ |
| scroll-mb-36 | scroll-margin-bottom: 9rem; /* 144px */ |
| scroll-ml-36 | scroll-margin-left: 9rem; /* 144px */ |
| scroll-m-40 | scroll-margin: 10rem; /* 160px */ |
| scroll-mx-40 | scroll-margin-left: 10rem; /* 160px */ scroll-margin-right: 10rem; /* 160px */ |
| scroll-my-40 | scroll-margin-top: 10rem; /* 160px */ scroll-margin-bottom: 10rem; /* 160px */ |
| scroll-ms-40 | scroll-margin-inline-start: 10rem; /* 160px */ |
| scroll-me-40 | scroll-margin-inline-end: 10rem; /* 160px */ |
| scroll-mt-40 | scroll-margin-top: 10rem; /* 160px */ |
| scroll-mr-40 | scroll-margin-right: 10rem; /* 160px */ |
| scroll-mb-40 | scroll-margin-bottom: 10rem; /* 160px */ |
| scroll-ml-40 | scroll-margin-left: 10rem; /* 160px */ |
| scroll-m-44 | scroll-margin: 11rem; /* 176px */ |
| scroll-mx-44 | scroll-margin-left: 11rem; /* 176px */ scroll-margin-right: 11rem; /* 176px */ |
| scroll-my-44 | scroll-margin-top: 11rem; /* 176px */ scroll-margin-bottom: 11rem; /* 176px */ |
| scroll-ms-44 | scroll-margin-inline-start: 11rem; /* 176px */ |
| scroll-me-44 | scroll-margin-inline-end: 11rem; /* 176px */ |
| scroll-mt-44 | scroll-margin-top: 11rem; /* 176px */ |
| scroll-mr-44 | scroll-margin-right: 11rem; /* 176px */ |
| scroll-mb-44 | scroll-margin-bottom: 11rem; /* 176px */ |
| scroll-ml-44 | scroll-margin-left: 11rem; /* 176px */ |
| scroll-m-48 | scroll-margin: 12rem; /* 192px */ |
| scroll-mx-48 | scroll-margin-left: 12rem; /* 192px */ scroll-margin-right: 12rem; /* 192px */ |
| scroll-my-48 | scroll-margin-top: 12rem; /* 192px */ scroll-margin-bottom: 12rem; /* 192px */ |
| scroll-ms-48 | scroll-margin-inline-start: 12rem; /* 192px */ |
| scroll-me-48 | scroll-margin-inline-end: 12rem; /* 192px */ |
| scroll-mt-48 | scroll-margin-top: 12rem; /* 192px */ |
| scroll-mr-48 | scroll-margin-right: 12rem; /* 192px */ |
| scroll-mb-48 | scroll-margin-bottom: 12rem; /* 192px */ |
| scroll-ml-48 | scroll-margin-left: 12rem; /* 192px */ |
| scroll-m-52 | scroll-margin: 13rem; /* 208px */ |
| scroll-mx-52 | scroll-margin-left: 13rem; /* 208px */ scroll-margin-right: 13rem; /* 208px */ |
| scroll-my-52 | scroll-margin-top: 13rem; /* 208px */ scroll-margin-bottom: 13rem; /* 208px */ |
| scroll-ms-52 | scroll-margin-inline-start: 13rem; /* 208px */ |
| scroll-me-52 | scroll-margin-inline-end: 13rem; /* 208px */ |
| scroll-mt-52 | scroll-margin-top: 13rem; /* 208px */ |
| scroll-mr-52 | scroll-margin-right: 13rem; /* 208px */ |
| scroll-mb-52 | scroll-margin-bottom: 13rem; /* 208px */ |
| scroll-ml-52 | scroll-margin-left: 13rem; /* 208px */ |
| scroll-m-56 | scroll-margin: 14rem; /* 224px */ |
| scroll-mx-56 | scroll-margin-left: 14rem; /* 224px */ scroll-margin-right: 14rem; /* 224px */ |
| scroll-my-56 | scroll-margin-top: 14rem; /* 224px */ scroll-margin-bottom: 14rem; /* 224px */ |
| scroll-ms-56 | scroll-margin-inline-start: 14rem; /* 224px */ |
| scroll-me-56 | scroll-margin-inline-end: 14rem; /* 224px */ |
| scroll-mt-56 | scroll-margin-top: 14rem; /* 224px */ |
| scroll-mr-56 | scroll-margin-right: 14rem; /* 224px */ |
| scroll-mb-56 | scroll-margin-bottom: 14rem; /* 224px */ |
| scroll-ml-56 | scroll-margin-left: 14rem; /* 224px */ |
| scroll-m-60 | scroll-margin: 15rem; /* 240px */ |
| scroll-mx-60 | scroll-margin-left: 15rem; /* 240px */ scroll-margin-right: 15rem; /* 240px */ |
| scroll-my-60 | scroll-margin-top: 15rem; /* 240px */ scroll-margin-bottom: 15rem; /* 240px */ |
| scroll-ms-60 | scroll-margin-inline-start: 15rem; /* 240px */ |
| scroll-me-60 | scroll-margin-inline-end: 15rem; /* 240px */ |
| scroll-mt-60 | scroll-margin-top: 15rem; /* 240px */ |
| scroll-mr-60 | scroll-margin-right: 15rem; /* 240px */ |
| scroll-mb-60 | scroll-margin-bottom: 15rem; /* 240px */ |
| scroll-ml-60 | scroll-margin-left: 15rem; /* 240px */ |
| scroll-m-64 | scroll-margin: 16rem; /* 256px */ |
| scroll-mx-64 | scroll-margin-left: 16rem; /* 256px */ scroll-margin-right: 16rem; /* 256px */ |
| scroll-my-64 | scroll-margin-top: 16rem; /* 256px */ scroll-margin-bottom: 16rem; /* 256px */ |
| scroll-ms-64 | scroll-margin-inline-start: 16rem; /* 256px */ |
| scroll-me-64 | scroll-margin-inline-end: 16rem; /* 256px */ |
| scroll-mt-64 | scroll-margin-top: 16rem; /* 256px */ |
| scroll-mr-64 | scroll-margin-right: 16rem; /* 256px */ |
| scroll-mb-64 | scroll-margin-bottom: 16rem; /* 256px */ |
| scroll-ml-64 | scroll-margin-left: 16rem; /* 256px */ |
| scroll-m-72 | scroll-margin: 18rem; /* 288px */ |
| scroll-mx-72 | scroll-margin-left: 18rem; /* 288px */ scroll-margin-right: 18rem; /* 288px */ |
| scroll-my-72 | scroll-margin-top: 18rem; /* 288px */ scroll-margin-bottom: 18rem; /* 288px */ |
| scroll-ms-72 | scroll-margin-inline-start: 18rem; /* 288px */ |
| scroll-me-72 | scroll-margin-inline-end: 18rem; /* 288px */ |
| scroll-mt-72 | scroll-margin-top: 18rem; /* 288px */ |
| scroll-mr-72 | scroll-margin-right: 18rem; /* 288px */ |
| scroll-mb-72 | scroll-margin-bottom: 18rem; /* 288px */ |
| scroll-ml-72 | scroll-margin-left: 18rem; /* 288px */ |
| scroll-m-80 | scroll-margin: 20rem; /* 320px */ |
| scroll-mx-80 | scroll-margin-left: 20rem; /* 320px */ scroll-margin-right: 20rem; /* 320px */ |
| scroll-my-80 | scroll-margin-top: 20rem; /* 320px */ scroll-margin-bottom: 20rem; /* 320px */ |
| scroll-ms-80 | scroll-margin-inline-start: 20rem; /* 320px */ |
| scroll-me-80 | scroll-margin-inline-end: 20rem; /* 320px */ |
| scroll-mt-80 | scroll-margin-top: 20rem; /* 320px */ |
| scroll-mr-80 | scroll-margin-right: 20rem; /* 320px */ |
| scroll-mb-80 | scroll-margin-bottom: 20rem; /* 320px */ |
| scroll-ml-80 | scroll-margin-left: 20rem; /* 320px */ |
| scroll-m-96 | scroll-margin: 24rem; /* 384px */ |
| scroll-mx-96 | scroll-margin-left: 24rem; /* 384px */ scroll-margin-right: 24rem; /* 384px */ |
| scroll-my-96 | scroll-margin-top: 24rem; /* 384px */ scroll-margin-bottom: 24rem; /* 384px */ |
| scroll-ms-96 | scroll-margin-inline-start: 24rem; /* 384px */ |
| scroll-me-96 | scroll-margin-inline-end: 24rem; /* 384px */ |
| scroll-mt-96 | scroll-margin-top: 24rem; /* 384px */ |
| scroll-mr-96 | scroll-margin-right: 24rem; /* 384px */ |
| scroll-mb-96 | scroll-margin-bottom: 24rem; /* 384px */ |
| scroll-ml-96 | scroll-margin-left: 24rem; /* 384px */ |
scroll padding
| Tailwind CSS | CSS |
|---|---|
| scroll-p-0 | scroll-padding: 0px; |
| scroll-px-0 | scroll-padding-left: 0px; scroll-padding-right: 0px; |
| scroll-py-0 | scroll-padding-top: 0px; scroll-padding-bottom: 0px; |
| scroll-ps-0 | scroll-padding-inline-start: 0px; |
| scroll-pe-0 | scroll-padding-inline-end: 0px; |
| scroll-pt-0 | scroll-padding-top: 0px; |
| scroll-pr-0 | scroll-padding-right: 0px; |
| scroll-pb-0 | scroll-padding-bottom: 0px; |
| scroll-pl-0 | scroll-padding-left: 0px; |
| scroll-p-px | scroll-padding: 1px; |
| scroll-px-px | scroll-padding-left: 1px; scroll-padding-right: 1px; |
| scroll-py-px | scroll-padding-top: 1px; scroll-padding-bottom: 1px; |
| scroll-ps-px | scroll-padding-inline-start: 1px; |
| scroll-pe-px | scroll-padding-inline-end: 1px; |
| scroll-pt-px | scroll-padding-top: 1px; |
| scroll-pr-px | scroll-padding-right: 1px; |
| scroll-pb-px | scroll-padding-bottom: 1px; |
| scroll-pl-px | scroll-padding-left: 1px; |
| scroll-p-0.5 | scroll-padding: 0.125rem; /* 2px */ |
| scroll-px-0.5 | scroll-padding-left: 0.125rem; /* 2px */ scroll-padding-right: 0.125rem; /* 2px */ |
| scroll-py-0.5 | scroll-padding-top: 0.125rem; /* 2px */ scroll-padding-bottom: 0.125rem; /* 2px */ |
| scroll-ps-0.5 | scroll-padding-inline-start: 0.125rem; /* 2px */ |
| scroll-pe-0.5 | scroll-padding-inline-end: 0.125rem; /* 2px */ |
| scroll-pt-0.5 | scroll-padding-top: 0.125rem; /* 2px */ |
| scroll-pr-0.5 | scroll-padding-right: 0.125rem; /* 2px */ |
| scroll-pb-0.5 | scroll-padding-bottom: 0.125rem; /* 2px */ |
| scroll-pl-0.5 | scroll-padding-left: 0.125rem; /* 2px */ |
| scroll-p-1 | scroll-padding: 0.25rem; /* 4px */ |
| scroll-px-1 | scroll-padding-left: 0.25rem; /* 4px */ scroll-padding-right: 0.25rem; /* 4px */ |
| scroll-py-1 | scroll-padding-top: 0.25rem; /* 4px */ scroll-padding-bottom: 0.25rem; /* 4px */ |
| scroll-ps-1 | scroll-padding-inline-start: 0.25rem; /* 4px */ |
| scroll-pe-1 | scroll-padding-inline-end: 0.25rem; /* 4px */ |
| scroll-pt-1 | scroll-padding-top: 0.25rem; /* 4px */ |
| scroll-pr-1 | scroll-padding-right: 0.25rem; /* 4px */ |
| scroll-pb-1 | scroll-padding-bottom: 0.25rem; /* 4px */ |
| scroll-pl-1 | scroll-padding-left: 0.25rem; /* 4px */ |
| scroll-p-1.5 | scroll-padding: 0.375rem; /* 6px */ |
| scroll-px-1.5 | scroll-padding-left: 0.375rem; /* 6px */ scroll-padding-right: 0.375rem; /* 6px */ |
| scroll-py-1.5 | scroll-padding-top: 0.375rem; /* 6px */ scroll-padding-bottom: 0.375rem; /* 6px */ |
| scroll-ps-1.5 | scroll-padding-inline-start: 0.375rem; /* 6px */ |
| scroll-pe-1.5 | scroll-padding-inline-end: 0.375rem; /* 6px */ |
| scroll-pt-1.5 | scroll-padding-top: 0.375rem; /* 6px */ |
| scroll-pr-1.5 | scroll-padding-right: 0.375rem; /* 6px */ |
| scroll-pb-1.5 | scroll-padding-bottom: 0.375rem; /* 6px */ |
| scroll-pl-1.5 | scroll-padding-left: 0.375rem; /* 6px */ |
| scroll-p-2 | scroll-padding: 0.5rem; /* 8px */ |
| scroll-px-2 | scroll-padding-left: 0.5rem; /* 8px */ scroll-padding-right: 0.5rem; /* 8px */ |
| scroll-py-2 | scroll-padding-top: 0.5rem; /* 8px */ scroll-padding-bottom: 0.5rem; /* 8px */ |
| scroll-ps-2 | scroll-padding-inline-start: 0.5rem; /* 8px */ |
| scroll-pe-2 | scroll-padding-inline-end: 0.5rem; /* 8px */ |
| scroll-pt-2 | scroll-padding-top: 0.5rem; /* 8px */ |
| scroll-pr-2 | scroll-padding-right: 0.5rem; /* 8px */ |
| scroll-pb-2 | scroll-padding-bottom: 0.5rem; /* 8px */ |
| scroll-pl-2 | scroll-padding-left: 0.5rem; /* 8px */ |
| scroll-p-2.5 | scroll-padding: 0.625rem; /* 10px */ |
| scroll-px-2.5 | scroll-padding-left: 0.625rem; /* 10px */ scroll-padding-right: 0.625rem; /* 10px */ |
| scroll-py-2.5 | scroll-padding-top: 0.625rem; /* 10px */ scroll-padding-bottom: 0.625rem; /* 10px */ |
| scroll-ps-2.5 | scroll-padding-inline-start: 0.625rem; /* 10px */ |
| scroll-pe-2.5 | scroll-padding-inline-end: 0.625rem; /* 10px */ |
| scroll-pt-2.5 | scroll-padding-top: 0.625rem; /* 10px */ |
| scroll-pr-2.5 | scroll-padding-right: 0.625rem; /* 10px */ |
| scroll-pb-2.5 | scroll-padding-bottom: 0.625rem; /* 10px */ |
| scroll-pl-2.5 | scroll-padding-left: 0.625rem; /* 10px */ |
| scroll-p-3 | scroll-padding: 0.75rem; /* 12px */ |
| scroll-px-3 | scroll-padding-left: 0.75rem; /* 12px */ scroll-padding-right: 0.75rem; /* 12px */ |
| scroll-py-3 | scroll-padding-top: 0.75rem; /* 12px */ scroll-padding-bottom: 0.75rem; /* 12px */ |
| scroll-ps-3 | scroll-padding-inline-start: 0.75rem; /* 12px */ |
| scroll-pe-3 | scroll-padding-inline-end: 0.75rem; /* 12px */ |
| scroll-pt-3 | scroll-padding-top: 0.75rem; /* 12px */ |
| scroll-pr-3 | scroll-padding-right: 0.75rem; /* 12px */ |
| scroll-pb-3 | scroll-padding-bottom: 0.75rem; /* 12px */ |
| scroll-pl-3 | scroll-padding-left: 0.75rem; /* 12px */ |
| scroll-p-3.5 | scroll-padding: 0.875rem; /* 14px */ |
| scroll-px-3.5 | scroll-padding-left: 0.875rem; /* 14px */ scroll-padding-right: 0.875rem; /* 14px */ |
| scroll-py-3.5 | scroll-padding-top: 0.875rem; /* 14px */ scroll-padding-bottom: 0.875rem; /* 14px */ |
| scroll-ps-3.5 | scroll-padding-inline-start: 0.875rem; /* 14px */ |
| scroll-pe-3.5 | scroll-padding-inline-end: 0.875rem; /* 14px */ |
| scroll-pt-3.5 | scroll-padding-top: 0.875rem; /* 14px */ |
| scroll-pr-3.5 | scroll-padding-right: 0.875rem; /* 14px */ |
| scroll-pb-3.5 | scroll-padding-bottom: 0.875rem; /* 14px */ |
| scroll-pl-3.5 | scroll-padding-left: 0.875rem; /* 14px */ |
| scroll-p-4 | scroll-padding: 1rem; /* 16px */ |
| scroll-px-4 | scroll-padding-left: 1rem; /* 16px */ scroll-padding-right: 1rem; /* 16px */ |
| scroll-py-4 | scroll-padding-top: 1rem; /* 16px */ scroll-padding-bottom: 1rem; /* 16px */ |
| scroll-ps-4 | scroll-padding-inline-start: 1rem; /* 16px */ |
| scroll-pe-4 | scroll-padding-inline-end: 1rem; /* 16px */ |
| scroll-pt-4 | scroll-padding-top: 1rem; /* 16px */ |
| scroll-pr-4 | scroll-padding-right: 1rem; /* 16px */ |
| scroll-pb-4 | scroll-padding-bottom: 1rem; /* 16px */ |
| scroll-pl-4 | scroll-padding-left: 1rem; /* 16px */ |
| scroll-p-5 | scroll-padding: 1.25rem; /* 20px */ |
| scroll-px-5 | scroll-padding-left: 1.25rem; /* 20px */ scroll-padding-right: 1.25rem; /* 20px */ |
| scroll-py-5 | scroll-padding-top: 1.25rem; /* 20px */ scroll-padding-bottom: 1.25rem; /* 20px */ |
| scroll-ps-5 | scroll-padding-inline-start: 1.25rem; /* 20px */ |
| scroll-pe-5 | scroll-padding-inline-end: 1.25rem; /* 20px */ |
| scroll-pt-5 | scroll-padding-top: 1.25rem; /* 20px */ |
| scroll-pr-5 | scroll-padding-right: 1.25rem; /* 20px */ |
| scroll-pb-5 | scroll-padding-bottom: 1.25rem; /* 20px */ |
| scroll-pl-5 | scroll-padding-left: 1.25rem; /* 20px */ |
| scroll-p-6 | scroll-padding: 1.5rem; /* 24px */ |
| scroll-px-6 | scroll-padding-left: 1.5rem; /* 24px */ scroll-padding-right: 1.5rem; /* 24px */ |
| scroll-py-6 | scroll-padding-top: 1.5rem; /* 24px */ scroll-padding-bottom: 1.5rem; /* 24px */ |
| scroll-ps-6 | scroll-padding-inline-start: 1.5rem; /* 24px */ |
| scroll-pe-6 | scroll-padding-inline-end: 1.5rem; /* 24px */ |
| scroll-pt-6 | scroll-padding-top: 1.5rem; /* 24px */ |
| scroll-pr-6 | scroll-padding-right: 1.5rem; /* 24px */ |
| scroll-pb-6 | scroll-padding-bottom: 1.5rem; /* 24px */ |
| scroll-pl-6 | scroll-padding-left: 1.5rem; /* 24px */ |
| scroll-p-7 | scroll-padding: 1.75rem; /* 28px */ |
| scroll-px-7 | scroll-padding-left: 1.75rem; /* 28px */ scroll-padding-right: 1.75rem; /* 28px */ |
| scroll-py-7 | scroll-padding-top: 1.75rem; /* 28px */ scroll-padding-bottom: 1.75rem; /* 28px */ |
| scroll-ps-7 | scroll-padding-inline-start: 1.75rem; /* 28px */ |
| scroll-pe-7 | scroll-padding-inline-end: 1.75rem; /* 28px */ |
| scroll-pt-7 | scroll-padding-top: 1.75rem; /* 28px */ |
| scroll-pr-7 | scroll-padding-right: 1.75rem; /* 28px */ |
| scroll-pb-7 | scroll-padding-bottom: 1.75rem; /* 28px */ |
| scroll-pl-7 | scroll-padding-left: 1.75rem; /* 28px */ |
| scroll-p-8 | scroll-padding: 2rem; /* 32px */ |
| scroll-px-8 | scroll-padding-left: 2rem; /* 32px */ scroll-padding-right: 2rem; /* 32px */ |
| scroll-py-8 | scroll-padding-top: 2rem; /* 32px */ scroll-padding-bottom: 2rem; /* 32px */ |
| scroll-ps-8 | scroll-padding-inline-start: 2rem; /* 32px */ |
| scroll-pe-8 | scroll-padding-inline-end: 2rem; /* 32px */ |
| scroll-pt-8 | scroll-padding-top: 2rem; /* 32px */ |
| scroll-pr-8 | scroll-padding-right: 2rem; /* 32px */ |
| scroll-pb-8 | scroll-padding-bottom: 2rem; /* 32px */ |
| scroll-pl-8 | scroll-padding-left: 2rem; /* 32px */ |
| scroll-p-9 | scroll-padding: 2.25rem; /* 36px */ |
| scroll-px-9 | scroll-padding-left: 2.25rem; /* 36px */ scroll-padding-right: 2.25rem; /* 36px */ |
| scroll-py-9 | scroll-padding-top: 2.25rem; /* 36px */ scroll-padding-bottom: 2.25rem; /* 36px */ |
| scroll-ps-9 | scroll-padding-inline-start: 2.25rem; /* 36px */ |
| scroll-pe-9 | scroll-padding-inline-end: 2.25rem; /* 36px */ |
| scroll-pt-9 | scroll-padding-top: 2.25rem; /* 36px */ |
| scroll-pr-9 | scroll-padding-right: 2.25rem; /* 36px */ |
| scroll-pb-9 | scroll-padding-bottom: 2.25rem; /* 36px */ |
| scroll-pl-9 | scroll-padding-left: 2.25rem; /* 36px */ |
| scroll-p-10 | scroll-padding: 2.5rem; /* 40px */ |
| scroll-px-10 | scroll-padding-left: 2.5rem; /* 40px */ scroll-padding-right: 2.5rem; /* 40px */ |
| scroll-py-10 | scroll-padding-top: 2.5rem; /* 40px */ scroll-padding-bottom: 2.5rem; /* 40px */ |
| scroll-ps-10 | scroll-padding-inline-start: 2.5rem; /* 40px */ |
| scroll-pe-10 | scroll-padding-inline-end: 2.5rem; /* 40px */ |
| scroll-pt-10 | scroll-padding-top: 2.5rem; /* 40px */ |
| scroll-pr-10 | scroll-padding-right: 2.5rem; /* 40px */ |
| scroll-pb-10 | scroll-padding-bottom: 2.5rem; /* 40px */ |
| scroll-pl-10 | scroll-padding-left: 2.5rem; /* 40px */ |
| scroll-p-11 | scroll-padding: 2.75rem; /* 44px */ |
| scroll-px-11 | scroll-padding-left: 2.75rem; /* 44px */ scroll-padding-right: 2.75rem; /* 44px */ |
| scroll-py-11 | scroll-padding-top: 2.75rem; /* 44px */ scroll-padding-bottom: 2.75rem; /* 44px */ |
| scroll-ps-11 | scroll-padding-inline-start: 2.75rem; /* 44px */ |
| scroll-pe-11 | scroll-padding-inline-end: 2.75rem; /* 44px */ |
| scroll-pt-11 | scroll-padding-top: 2.75rem; /* 44px */ |
| scroll-pr-11 | scroll-padding-right: 2.75rem; /* 44px */ |
| scroll-pb-11 | scroll-padding-bottom: 2.75rem; /* 44px */ |
| scroll-pl-11 | scroll-padding-left: 2.75rem; /* 44px */ |
| scroll-p-12 | scroll-padding: 3rem; /* 48px */ |
| scroll-px-12 | scroll-padding-left: 3rem; /* 48px */ scroll-padding-right: 3rem; /* 48px */ |
| scroll-py-12 | scroll-padding-top: 3rem; /* 48px */ scroll-padding-bottom: 3rem; /* 48px */ |
| scroll-ps-12 | scroll-padding-inline-start: 3rem; /* 48px */ |
| scroll-pe-12 | scroll-padding-inline-end: 3rem; /* 48px */ |
| scroll-pt-12 | scroll-padding-top: 3rem; /* 48px */ |
| scroll-pr-12 | scroll-padding-right: 3rem; /* 48px */ |
| scroll-pb-12 | scroll-padding-bottom: 3rem; /* 48px */ |
| scroll-pl-12 | scroll-padding-left: 3rem; /* 48px */ |
| scroll-p-14 | scroll-padding: 3.5rem; /* 56px */ |
| scroll-px-14 | scroll-padding-left: 3.5rem; /* 56px */ scroll-padding-right: 3.5rem; /* 56px */ |
| scroll-py-14 | scroll-padding-top: 3.5rem; /* 56px */ scroll-padding-bottom: 3.5rem; /* 56px */ |
| scroll-ps-14 | scroll-padding-inline-start: 3.5rem; /* 56px */ |
| scroll-pe-14 | scroll-padding-inline-end: 3.5rem; /* 56px */ |
| scroll-pt-14 | scroll-padding-top: 3.5rem; /* 56px */ |
| scroll-pr-14 | scroll-padding-right: 3.5rem; /* 56px */ |
| scroll-pb-14 | scroll-padding-bottom: 3.5rem; /* 56px */ |
| scroll-pl-14 | scroll-padding-left: 3.5rem; /* 56px */ |
| scroll-p-16 | scroll-padding: 4rem; /* 64px */ |
| scroll-px-16 | scroll-padding-left: 4rem; /* 64px */ scroll-padding-right: 4rem; /* 64px */ |
| scroll-py-16 | scroll-padding-top: 4rem; /* 64px */ scroll-padding-bottom: 4rem; /* 64px */ |
| scroll-ps-16 | scroll-padding-inline-start: 4rem; /* 64px */ |
| scroll-pe-16 | scroll-padding-inline-end: 4rem; /* 64px */ |
| scroll-pt-16 | scroll-padding-top: 4rem; /* 64px */ |
| scroll-pr-16 | scroll-padding-right: 4rem; /* 64px */ |
| scroll-pb-16 | scroll-padding-bottom: 4rem; /* 64px */ |
| scroll-pl-16 | scroll-padding-left: 4rem; /* 64px */ |
| scroll-p-20 | scroll-padding: 5rem; /* 80px */ |
| scroll-px-20 | scroll-padding-left: 5rem; /* 80px */ scroll-padding-right: 5rem; /* 80px */ |
| scroll-py-20 | scroll-padding-top: 5rem; /* 80px */ scroll-padding-bottom: 5rem; /* 80px */ |
| scroll-ps-20 | scroll-padding-inline-start: 5rem; /* 80px */ |
| scroll-pe-20 | scroll-padding-inline-end: 5rem; /* 80px */ |
| scroll-pt-20 | scroll-padding-top: 5rem; /* 80px */ |
| scroll-pr-20 | scroll-padding-right: 5rem; /* 80px */ |
| scroll-pb-20 | scroll-padding-bottom: 5rem; /* 80px */ |
| scroll-pl-20 | scroll-padding-left: 5rem; /* 80px */ |
| scroll-p-24 | scroll-padding: 6rem; /* 96px */ |
| scroll-px-24 | scroll-padding-left: 6rem; /* 96px */ scroll-padding-right: 6rem; /* 96px */ |
| scroll-py-24 | scroll-padding-top: 6rem; /* 96px */ scroll-padding-bottom: 6rem; /* 96px */ |
| scroll-ps-24 | scroll-padding-inline-start: 6rem; /* 96px */ |
| scroll-pe-24 | scroll-padding-inline-end: 6rem; /* 96px */ |
| scroll-pt-24 | scroll-padding-top: 6rem; /* 96px */ |
| scroll-pr-24 | scroll-padding-right: 6rem; /* 96px */ |
| scroll-pb-24 | scroll-padding-bottom: 6rem; /* 96px */ |
| scroll-pl-24 | scroll-padding-left: 6rem; /* 96px */ |
| scroll-p-28 | scroll-padding: 7rem; /* 112px */ |
| scroll-px-28 | scroll-padding-left: 7rem; /* 112px */ scroll-padding-right: 7rem; /* 112px */ |
| scroll-py-28 | scroll-padding-top: 7rem; /* 112px */ scroll-padding-bottom: 7rem; /* 112px */ |
| scroll-ps-28 | scroll-padding-inline-start: 7rem; /* 112px */ |
| scroll-pe-28 | scroll-padding-inline-end: 7rem; /* 112px */ |
| scroll-pt-28 | scroll-padding-top: 7rem; /* 112px */ |
| scroll-pr-28 | scroll-padding-right: 7rem; /* 112px */ |
| scroll-pb-28 | scroll-padding-bottom: 7rem; /* 112px */ |
| scroll-pl-28 | scroll-padding-left: 7rem; /* 112px */ |
| scroll-p-32 | scroll-padding: 8rem; /* 128px */ |
| scroll-px-32 | scroll-padding-left: 8rem; /* 128px */ scroll-padding-right: 8rem; /* 128px */ |
| scroll-py-32 | scroll-padding-top: 8rem; /* 128px */ scroll-padding-bottom: 8rem; /* 128px */ |
| scroll-ps-32 | scroll-padding-inline-start: 8rem; /* 128px */ |
| scroll-pe-32 | scroll-padding-inline-end: 8rem; /* 128px */ |
| scroll-pt-32 | scroll-padding-top: 8rem; /* 128px */ |
| scroll-pr-32 | scroll-padding-right: 8rem; /* 128px */ |
| scroll-pb-32 | scroll-padding-bottom: 8rem; /* 128px */ |
| scroll-pl-32 | scroll-padding-left: 8rem; /* 128px */ |
| scroll-p-36 | scroll-padding: 9rem; /* 144px */ |
| scroll-px-36 | scroll-padding-left: 9rem; /* 144px */ scroll-padding-right: 9rem; /* 144px */ |
| scroll-py-36 | scroll-padding-top: 9rem; /* 144px */ scroll-padding-bottom: 9rem; /* 144px */ |
| scroll-ps-36 | scroll-padding-inline-start: 9rem; /* 144px */ |
| scroll-pe-36 | scroll-padding-inline-end: 9rem; /* 144px */ |
| scroll-pt-36 | scroll-padding-top: 9rem; /* 144px */ |
| scroll-pr-36 | scroll-padding-right: 9rem; /* 144px */ |
| scroll-pb-36 | scroll-padding-bottom: 9rem; /* 144px */ |
| scroll-pl-36 | scroll-padding-left: 9rem; /* 144px */ |
| scroll-p-40 | scroll-padding: 10rem; /* 160px */ |
| scroll-px-40 | scroll-padding-left: 10rem; /* 160px */ scroll-padding-right: 10rem; /* 160px */ |
| scroll-py-40 | scroll-padding-top: 10rem; /* 160px */ scroll-padding-bottom: 10rem; /* 160px */ |
| scroll-ps-40 | scroll-padding-inline-start: 10rem; /* 160px */ |
| scroll-pe-40 | scroll-padding-inline-end: 10rem; /* 160px */ |
| scroll-pt-40 | scroll-padding-top: 10rem; /* 160px */ |
| scroll-pr-40 | scroll-padding-right: 10rem; /* 160px */ |
| scroll-pb-40 | scroll-padding-bottom: 10rem; /* 160px */ |
| scroll-pl-40 | scroll-padding-left: 10rem; /* 160px */ |
| scroll-p-44 | scroll-padding: 11rem; /* 176px */ |
| scroll-px-44 | scroll-padding-left: 11rem; /* 176px */ scroll-padding-right: 11rem; /* 176px */ |
| scroll-py-44 | scroll-padding-top: 11rem; /* 176px */ scroll-padding-bottom: 11rem; /* 176px */ |
| scroll-ps-44 | scroll-padding-inline-start: 11rem; /* 176px */ |
| scroll-pe-44 | scroll-padding-inline-end: 11rem; /* 176px */ |
| scroll-pt-44 | scroll-padding-top: 11rem; /* 176px */ |
| scroll-pr-44 | scroll-padding-right: 11rem; /* 176px */ |
| scroll-pb-44 | scroll-padding-bottom: 11rem; /* 176px */ |
| scroll-pl-44 | scroll-padding-left: 11rem; /* 176px */ |
| scroll-p-48 | scroll-padding: 12rem; /* 192px */ |
| scroll-px-48 | scroll-padding-left: 12rem; /* 192px */ scroll-padding-right: 12rem; /* 192px */ |
| scroll-py-48 | scroll-padding-top: 12rem; /* 192px */ scroll-padding-bottom: 12rem; /* 192px */ |
| scroll-ps-48 | scroll-padding-inline-start: 12rem; /* 192px */ |
| scroll-pe-48 | scroll-padding-inline-end: 12rem; /* 192px */ |
| scroll-pt-48 | scroll-padding-top: 12rem; /* 192px */ |
| scroll-pr-48 | scroll-padding-right: 12rem; /* 192px */ |
| scroll-pb-48 | scroll-padding-bottom: 12rem; /* 192px */ |
| scroll-pl-48 | scroll-padding-left: 12rem; /* 192px */ |
| scroll-p-52 | scroll-padding: 13rem; /* 208px */ |
| scroll-px-52 | scroll-padding-left: 13rem; /* 208px */ scroll-padding-right: 13rem; /* 208px */ |
| scroll-py-52 | scroll-padding-top: 13rem; /* 208px */ scroll-padding-bottom: 13rem; /* 208px */ |
| scroll-ps-52 | scroll-padding-inline-start: 13rem; /* 208px */ |
| scroll-pe-52 | scroll-padding-inline-end: 13rem; /* 208px */ |
| scroll-pt-52 | scroll-padding-top: 13rem; /* 208px */ |
| scroll-pr-52 | scroll-padding-right: 13rem; /* 208px */ |
| scroll-pb-52 | scroll-padding-bottom: 13rem; /* 208px */ |
| scroll-pl-52 | scroll-padding-left: 13rem; /* 208px */ |
| scroll-p-56 | scroll-padding: 14rem; /* 224px */ |
| scroll-px-56 | scroll-padding-left: 14rem; /* 224px */ scroll-padding-right: 14rem; /* 224px */ |
| scroll-py-56 | scroll-padding-top: 14rem; /* 224px */ scroll-padding-bottom: 14rem; /* 224px */ |
| scroll-ps-56 | scroll-padding-inline-start: 14rem; /* 224px */ |
| scroll-pe-56 | scroll-padding-inline-end: 14rem; /* 224px */ |
| scroll-pt-56 | scroll-padding-top: 14rem; /* 224px */ |
| scroll-pr-56 | scroll-padding-right: 14rem; /* 224px */ |
| scroll-pb-56 | scroll-padding-bottom: 14rem; /* 224px */ |
| scroll-pl-56 | scroll-padding-left: 14rem; /* 224px */ |
| scroll-p-60 | scroll-padding: 15rem; /* 240px */ |
| scroll-px-60 | scroll-padding-left: 15rem; /* 240px */ scroll-padding-right: 15rem; /* 240px */ |
| scroll-py-60 | scroll-padding-top: 15rem; /* 240px */ scroll-padding-bottom: 15rem; /* 240px */ |
| scroll-ps-60 | scroll-padding-inline-start: 15rem; /* 240px */ |
| scroll-pe-60 | scroll-padding-inline-end: 15rem; /* 240px */ |
| scroll-pt-60 | scroll-padding-top: 15rem; /* 240px */ |
| scroll-pr-60 | scroll-padding-right: 15rem; /* 240px */ |
| scroll-pb-60 | scroll-padding-bottom: 15rem; /* 240px */ |
| scroll-pl-60 | scroll-padding-left: 15rem; /* 240px */ |
| scroll-p-64 | scroll-padding: 16rem; /* 256px */ |
| scroll-px-64 | scroll-padding-left: 16rem; /* 256px */ scroll-padding-right: 16rem; /* 256px */ |
| scroll-py-64 | scroll-padding-top: 16rem; /* 256px */ scroll-padding-bottom: 16rem; /* 256px */ |
| scroll-ps-64 | scroll-padding-inline-start: 16rem; /* 256px */ |
| scroll-pe-64 | scroll-padding-inline-end: 16rem; /* 256px */ |
| scroll-pt-64 | scroll-padding-top: 16rem; /* 256px */ |
| scroll-pr-64 | scroll-padding-right: 16rem; /* 256px */ |
| scroll-pb-64 | scroll-padding-bottom: 16rem; /* 256px */ |
| scroll-pl-64 | scroll-padding-left: 16rem; /* 256px */ |
| scroll-p-72 | scroll-padding: 18rem; /* 288px */ |
| scroll-px-72 | scroll-padding-left: 18rem; /* 288px */ scroll-padding-right: 18rem; /* 288px */ |
| scroll-py-72 | scroll-padding-top: 18rem; /* 288px */ scroll-padding-bottom: 18rem; /* 288px */ |
| scroll-ps-72 | scroll-padding-inline-start: 18rem; /* 288px */ |
| scroll-pe-72 | scroll-padding-inline-end: 18rem; /* 288px */ |
| scroll-pt-72 | scroll-padding-top: 18rem; /* 288px */ |
| scroll-pr-72 | scroll-padding-right: 18rem; /* 288px */ |
| scroll-pb-72 | scroll-padding-bottom: 18rem; /* 288px */ |
| scroll-pl-72 | scroll-padding-left: 18rem; /* 288px */ |
| scroll-p-80 | scroll-padding: 20rem; /* 320px */ |
| scroll-px-80 | scroll-padding-left: 20rem; /* 320px */ scroll-padding-right: 20rem; /* 320px */ |
| scroll-py-80 | scroll-padding-top: 20rem; /* 320px */ scroll-padding-bottom: 20rem; /* 320px */ |
| scroll-ps-80 | scroll-padding-inline-start: 20rem; /* 320px */ |
| scroll-pe-80 | scroll-padding-inline-end: 20rem; /* 320px */ |
| scroll-pt-80 | scroll-padding-top: 20rem; /* 320px */ |
| scroll-pr-80 | scroll-padding-right: 20rem; /* 320px */ |
| scroll-pb-80 | scroll-padding-bottom: 20rem; /* 320px */ |
| scroll-pl-80 | scroll-padding-left: 20rem; /* 320px */ |
| scroll-p-96 | scroll-padding: 24rem; /* 384px */ |
| scroll-px-96 | scroll-padding-left: 24rem; /* 384px */ scroll-padding-right: 24rem; /* 384px */ |
| scroll-py-96 | scroll-padding-top: 24rem; /* 384px */ scroll-padding-bottom: 24rem; /* 384px */ |
| scroll-ps-96 | scroll-padding-inline-start: 24rem; /* 384px */ |
| scroll-pe-96 | scroll-padding-inline-end: 24rem; /* 384px */ |
| scroll-pt-96 | scroll-padding-top: 24rem; /* 384px */ |
| scroll-pr-96 | scroll-padding-right: 24rem; /* 384px */ |
| scroll-pb-96 | scroll-padding-bottom: 24rem; /* 384px */ |
| scroll-pl-96 | scroll-padding-left: 24rem; /* 384px */ |
scroll snap align
| Tailwind CSS | CSS |
|---|---|
| snap-start | scroll-snap-align: start; |
| snap-end | scroll-snap-align: end; |
| snap-center | scroll-snap-align: center; |
| snap-align-none | scroll-snap-align: none; |
scroll snap stop
| Tailwind CSS | CSS |
|---|---|
| snap-normal | scroll-snap-stop: normal; |
| snap-always | scroll-snap-stop: always; |
scroll snap type
| Tailwind CSS | CSS |
|---|---|
| snap-none | scroll-snap-type: none; |
| snap-x | scroll-snap-type: x var(--tw-scroll-snap-strictness); |
| snap-y | scroll-snap-type: y var(--tw-scroll-snap-strictness); |
| snap-both | scroll-snap-type: both var(--tw-scroll-snap-strictness); |
| snap-mandatory | --tw-scroll-snap-strictness: mandatory; |
| snap-proximity | --tw-scroll-snap-strictness: proximity; |
touch action
| Tailwind CSS | CSS |
|---|---|
| touch-auto | touch-action: auto; |
| touch-none | touch-action: none; |
| touch-pan-x | touch-action: pan-x; |
| touch-pan-left | touch-action: pan-left; |
| touch-pan-right | touch-action: pan-right; |
| touch-pan-y | touch-action: pan-y; |
| touch-pan-up | touch-action: pan-up; |
| touch-pan-down | touch-action: pan-down; |
| touch-pinch-zoom | touch-action: pinch-zoom; |
| touch-manipulation | touch-action: manipulation; |
user select
| Tailwind CSS | CSS |
|---|---|
| select-none | user-select: none; |
| select-text | user-select: text; |
| select-all | user-select: all; |
| select-auto | user-select: auto; |
will change
| Tailwind CSS | CSS |
|---|---|
| will-change-auto | will-change: auto; |
| will-change-scroll | will-change: scroll-position; |
| will-change-contents | will-change: contents; |
| will-change-transform | will-change: transform; |
fill
| Tailwind CSS | CSS |
|---|---|
| fill-none | fill: none; |
| fill-inherit | fill: inherit; |
| fill-current | fill: currentColor; |
| fill-transparent | fill: transparent; |
| fill-black | fill: #000; |
| fill-white | fill: #fff; |
| fill-slate-50 | fill: #f8fafc; |
| fill-slate-100 | fill: #f1f5f9; |
| fill-slate-200 | fill: #e2e8f0; |
| fill-slate-300 | fill: #cbd5e1; |
| fill-slate-400 | fill: #94a3b8; |
| fill-slate-500 | fill: #64748b; |
| fill-slate-600 | fill: #475569; |
| fill-slate-700 | fill: #334155; |
| fill-slate-800 | fill: #1e293b; |
| fill-slate-900 | fill: #0f172a; |
| fill-slate-950 | fill: #020617; |
| fill-gray-50 | fill: #f9fafb; |
| fill-gray-100 | fill: #f3f4f6; |
| fill-gray-200 | fill: #e5e7eb; |
| fill-gray-300 | fill: #d1d5db; |
| fill-gray-400 | fill: #9ca3af; |
| fill-gray-500 | fill: #6b7280; |
| fill-gray-600 | fill: #4b5563; |
| fill-gray-700 | fill: #374151; |
| fill-gray-800 | fill: #1f2937; |
| fill-gray-900 | fill: #111827; |
| fill-gray-950 | fill: #030712; |
| fill-zinc-50 | fill: #fafafa; |
| fill-zinc-100 | fill: #f4f4f5; |
| fill-zinc-200 | fill: #e4e4e7; |
| fill-zinc-300 | fill: #d4d4d8; |
| fill-zinc-400 | fill: #a1a1aa; |
| fill-zinc-500 | fill: #71717a; |
| fill-zinc-600 | fill: #52525b; |
| fill-zinc-700 | fill: #3f3f46; |
| fill-zinc-800 | fill: #27272a; |
| fill-zinc-900 | fill: #18181b; |
| fill-zinc-950 | fill: #09090b; |
| fill-neutral-50 | fill: #fafafa; |
| fill-neutral-100 | fill: #f5f5f5; |
| fill-neutral-200 | fill: #e5e5e5; |
| fill-neutral-300 | fill: #d4d4d4; |
| fill-neutral-400 | fill: #a3a3a3; |
| fill-neutral-500 | fill: #737373; |
| fill-neutral-600 | fill: #525252; |
| fill-neutral-700 | fill: #404040; |
| fill-neutral-800 | fill: #262626; |
| fill-neutral-900 | fill: #171717; |
| fill-neutral-950 | fill: #0a0a0a; |
| fill-stone-50 | fill: #fafaf9; |
| fill-stone-100 | fill: #f5f5f4; |
| fill-stone-200 | fill: #e7e5e4; |
| fill-stone-300 | fill: #d6d3d1; |
| fill-stone-400 | fill: #a8a29e; |
| fill-stone-500 | fill: #78716c; |
| fill-stone-600 | fill: #57534e; |
| fill-stone-700 | fill: #44403c; |
| fill-stone-800 | fill: #292524; |
| fill-stone-900 | fill: #1c1917; |
| fill-stone-950 | fill: #0c0a09; |
| fill-red-50 | fill: #fef2f2; |
| fill-red-100 | fill: #fee2e2; |
| fill-red-200 | fill: #fecaca; |
| fill-red-300 | fill: #fca5a5; |
| fill-red-400 | fill: #f87171; |
| fill-red-500 | fill: #ef4444; |
| fill-red-600 | fill: #dc2626; |
| fill-red-700 | fill: #b91c1c; |
| fill-red-800 | fill: #991b1b; |
| fill-red-900 | fill: #7f1d1d; |
| fill-red-950 | fill: #450a0a; |
| fill-orange-50 | fill: #fff7ed; |
| fill-orange-100 | fill: #ffedd5; |
| fill-orange-200 | fill: #fed7aa; |
| fill-orange-300 | fill: #fdba74; |
| fill-orange-400 | fill: #fb923c; |
| fill-orange-500 | fill: #f97316; |
| fill-orange-600 | fill: #ea580c; |
| fill-orange-700 | fill: #c2410c; |
| fill-orange-800 | fill: #9a3412; |
| fill-orange-900 | fill: #7c2d12; |
| fill-orange-950 | fill: #431407; |
| fill-amber-50 | fill: #fffbeb; |
| fill-amber-100 | fill: #fef3c7; |
| fill-amber-200 | fill: #fde68a; |
| fill-amber-300 | fill: #fcd34d; |
| fill-amber-400 | fill: #fbbf24; |
| fill-amber-500 | fill: #f59e0b; |
| fill-amber-600 | fill: #d97706; |
| fill-amber-700 | fill: #b45309; |
| fill-amber-800 | fill: #92400e; |
| fill-amber-900 | fill: #78350f; |
| fill-amber-950 | fill: #451a03; |
| fill-yellow-50 | fill: #fefce8; |
| fill-yellow-100 | fill: #fef9c3; |
| fill-yellow-200 | fill: #fef08a; |
| fill-yellow-300 | fill: #fde047; |
| fill-yellow-400 | fill: #facc15; |
| fill-yellow-500 | fill: #eab308; |
| fill-yellow-600 | fill: #ca8a04; |
| fill-yellow-700 | fill: #a16207; |
| fill-yellow-800 | fill: #854d0e; |
| fill-yellow-900 | fill: #713f12; |
| fill-yellow-950 | fill: #422006; |
| fill-lime-50 | fill: #f7fee7; |
| fill-lime-100 | fill: #ecfccb; |
| fill-lime-200 | fill: #d9f99d; |
| fill-lime-300 | fill: #bef264; |
| fill-lime-400 | fill: #a3e635; |
| fill-lime-500 | fill: #84cc16; |
| fill-lime-600 | fill: #65a30d; |
| fill-lime-700 | fill: #4d7c0f; |
| fill-lime-800 | fill: #3f6212; |
| fill-lime-900 | fill: #365314; |
| fill-lime-950 | fill: #1a2e05; |
| fill-green-50 | fill: #f0fdf4; |
| fill-green-100 | fill: #dcfce7; |
| fill-green-200 | fill: #bbf7d0; |
| fill-green-300 | fill: #86efac; |
| fill-green-400 | fill: #4ade80; |
| fill-green-500 | fill: #22c55e; |
| fill-green-600 | fill: #16a34a; |
| fill-green-700 | fill: #15803d; |
| fill-green-800 | fill: #166534; |
| fill-green-900 | fill: #14532d; |
| fill-green-950 | fill: #052e16; |
| fill-emerald-50 | fill: #ecfdf5; |
| fill-emerald-100 | fill: #d1fae5; |
| fill-emerald-200 | fill: #a7f3d0; |
| fill-emerald-300 | fill: #6ee7b7; |
| fill-emerald-400 | fill: #34d399; |
| fill-emerald-500 | fill: #10b981; |
| fill-emerald-600 | fill: #059669; |
| fill-emerald-700 | fill: #047857; |
| fill-emerald-800 | fill: #065f46; |
| fill-emerald-900 | fill: #064e3b; |
| fill-emerald-950 | fill: #022c22; |
| fill-teal-50 | fill: #f0fdfa; |
| fill-teal-100 | fill: #ccfbf1; |
| fill-teal-200 | fill: #99f6e4; |
| fill-teal-300 | fill: #5eead4; |
| fill-teal-400 | fill: #2dd4bf; |
| fill-teal-500 | fill: #14b8a6; |
| fill-teal-600 | fill: #0d9488; |
| fill-teal-700 | fill: #0f766e; |
| fill-teal-800 | fill: #115e59; |
| fill-teal-900 | fill: #134e4a; |
| fill-teal-950 | fill: #042f2e; |
| fill-cyan-50 | fill: #ecfeff; |
| fill-cyan-100 | fill: #cffafe; |
| fill-cyan-200 | fill: #a5f3fc; |
| fill-cyan-300 | fill: #67e8f9; |
| fill-cyan-400 | fill: #22d3ee; |
| fill-cyan-500 | fill: #06b6d4; |
| fill-cyan-600 | fill: #0891b2; |
| fill-cyan-700 | fill: #0e7490; |
| fill-cyan-800 | fill: #155e75; |
| fill-cyan-900 | fill: #164e63; |
| fill-cyan-950 | fill: #083344; |
| fill-sky-50 | fill: #f0f9ff; |
| fill-sky-100 | fill: #e0f2fe; |
| fill-sky-200 | fill: #bae6fd; |
| fill-sky-300 | fill: #7dd3fc; |
| fill-sky-400 | fill: #38bdf8; |
| fill-sky-500 | fill: #0ea5e9; |
| fill-sky-600 | fill: #0284c7; |
| fill-sky-700 | fill: #0369a1; |
| fill-sky-800 | fill: #075985; |
| fill-sky-900 | fill: #0c4a6e; |
| fill-sky-950 | fill: #082f49; |
| fill-blue-50 | fill: #eff6ff; |
| fill-blue-100 | fill: #dbeafe; |
| fill-blue-200 | fill: #bfdbfe; |
| fill-blue-300 | fill: #93c5fd; |
| fill-blue-400 | fill: #60a5fa; |
| fill-blue-500 | fill: #3b82f6; |
| fill-blue-600 | fill: #2563eb; |
| fill-blue-700 | fill: #1d4ed8; |
| fill-blue-800 | fill: #1e40af; |
| fill-blue-900 | fill: #1e3a8a; |
| fill-blue-950 | fill: #172554; |
| fill-indigo-50 | fill: #eef2ff; |
| fill-indigo-100 | fill: #e0e7ff; |
| fill-indigo-200 | fill: #c7d2fe; |
| fill-indigo-300 | fill: #a5b4fc; |
| fill-indigo-400 | fill: #818cf8; |
| fill-indigo-500 | fill: #6366f1; |
| fill-indigo-600 | fill: #4f46e5; |
| fill-indigo-700 | fill: #4338ca; |
| fill-indigo-800 | fill: #3730a3; |
| fill-indigo-900 | fill: #312e81; |
| fill-indigo-950 | fill: #1e1b4b; |
| fill-violet-50 | fill: #f5f3ff; |
| fill-violet-100 | fill: #ede9fe; |
| fill-violet-200 | fill: #ddd6fe; |
| fill-violet-300 | fill: #c4b5fd; |
| fill-violet-400 | fill: #a78bfa; |
| fill-violet-500 | fill: #8b5cf6; |
| fill-violet-600 | fill: #7c3aed; |
| fill-violet-700 | fill: #6d28d9; |
| fill-violet-800 | fill: #5b21b6; |
| fill-violet-900 | fill: #4c1d95; |
| fill-violet-950 | fill: #2e1065; |
| fill-purple-50 | fill: #faf5ff; |
| fill-purple-100 | fill: #f3e8ff; |
| fill-purple-200 | fill: #e9d5ff; |
| fill-purple-300 | fill: #d8b4fe; |
| fill-purple-400 | fill: #c084fc; |
| fill-purple-500 | fill: #a855f7; |
| fill-purple-600 | fill: #9333ea; |
| fill-purple-700 | fill: #7e22ce; |
| fill-purple-800 | fill: #6b21a8; |
| fill-purple-900 | fill: #581c87; |
| fill-purple-950 | fill: #3b0764; |
| fill-fuchsia-50 | fill: #fdf4ff; |
| fill-fuchsia-100 | fill: #fae8ff; |
| fill-fuchsia-200 | fill: #f5d0fe; |
| fill-fuchsia-300 | fill: #f0abfc; |
| fill-fuchsia-400 | fill: #e879f9; |
| fill-fuchsia-500 | fill: #d946ef; |
| fill-fuchsia-600 | fill: #c026d3; |
| fill-fuchsia-700 | fill: #a21caf; |
| fill-fuchsia-800 | fill: #86198f; |
| fill-fuchsia-900 | fill: #701a75; |
| fill-fuchsia-950 | fill: #4a044e; |
| fill-pink-50 | fill: #fdf2f8; |
| fill-pink-100 | fill: #fce7f3; |
| fill-pink-200 | fill: #fbcfe8; |
| fill-pink-300 | fill: #f9a8d4; |
| fill-pink-400 | fill: #f472b6; |
| fill-pink-500 | fill: #ec4899; |
| fill-pink-600 | fill: #db2777; |
| fill-pink-700 | fill: #be185d; |
| fill-pink-800 | fill: #9d174d; |
| fill-pink-900 | fill: #831843; |
| fill-pink-950 | fill: #500724; |
| fill-rose-50 | fill: #fff1f2; |
| fill-rose-100 | fill: #ffe4e6; |
| fill-rose-200 | fill: #fecdd3; |
| fill-rose-300 | fill: #fda4af; |
| fill-rose-400 | fill: #fb7185; |
| fill-rose-500 | fill: #f43f5e; |
| fill-rose-600 | fill: #e11d48; |
| fill-rose-700 | fill: #be123c; |
| fill-rose-800 | fill: #9f1239; |
| fill-rose-900 | fill: #881337; |
| fill-rose-950 | fill: #4c0519; |
stroke
| Tailwind CSS | CSS |
|---|---|
| stroke-none | stroke: none; |
| stroke-inherit | stroke: inherit; |
| stroke-current | stroke: currentColor; |
| stroke-transparent | stroke: transparent; |
| stroke-black | stroke: #000; |
| stroke-white | stroke: #fff; |
| stroke-slate-50 | stroke: #f8fafc; |
| stroke-slate-100 | stroke: #f1f5f9; |
| stroke-slate-200 | stroke: #e2e8f0; |
| stroke-slate-300 | stroke: #cbd5e1; |
| stroke-slate-400 | stroke: #94a3b8; |
| stroke-slate-500 | stroke: #64748b; |
| stroke-slate-600 | stroke: #475569; |
| stroke-slate-700 | stroke: #334155; |
| stroke-slate-800 | stroke: #1e293b; |
| stroke-slate-900 | stroke: #0f172a; |
| stroke-slate-950 | stroke: #020617; |
| stroke-gray-50 | stroke: #f9fafb; |
| stroke-gray-100 | stroke: #f3f4f6; |
| stroke-gray-200 | stroke: #e5e7eb; |
| stroke-gray-300 | stroke: #d1d5db; |
| stroke-gray-400 | stroke: #9ca3af; |
| stroke-gray-500 | stroke: #6b7280; |
| stroke-gray-600 | stroke: #4b5563; |
| stroke-gray-700 | stroke: #374151; |
| stroke-gray-800 | stroke: #1f2937; |
| stroke-gray-900 | stroke: #111827; |
| stroke-gray-950 | stroke: #030712; |
| stroke-zinc-50 | stroke: #fafafa; |
| stroke-zinc-100 | stroke: #f4f4f5; |
| stroke-zinc-200 | stroke: #e4e4e7; |
| stroke-zinc-300 | stroke: #d4d4d8; |
| stroke-zinc-400 | stroke: #a1a1aa; |
| stroke-zinc-500 | stroke: #71717a; |
| stroke-zinc-600 | stroke: #52525b; |
| stroke-zinc-700 | stroke: #3f3f46; |
| stroke-zinc-800 | stroke: #27272a; |
| stroke-zinc-900 | stroke: #18181b; |
| stroke-zinc-950 | stroke: #09090b; |
| stroke-neutral-50 | stroke: #fafafa; |
| stroke-neutral-100 | stroke: #f5f5f5; |
| stroke-neutral-200 | stroke: #e5e5e5; |
| stroke-neutral-300 | stroke: #d4d4d4; |
| stroke-neutral-400 | stroke: #a3a3a3; |
| stroke-neutral-500 | stroke: #737373; |
| stroke-neutral-600 | stroke: #525252; |
| stroke-neutral-700 | stroke: #404040; |
| stroke-neutral-800 | stroke: #262626; |
| stroke-neutral-900 | stroke: #171717; |
| stroke-neutral-950 | stroke: #0a0a0a; |
| stroke-stone-50 | stroke: #fafaf9; |
| stroke-stone-100 | stroke: #f5f5f4; |
| stroke-stone-200 | stroke: #e7e5e4; |
| stroke-stone-300 | stroke: #d6d3d1; |
| stroke-stone-400 | stroke: #a8a29e; |
| stroke-stone-500 | stroke: #78716c; |
| stroke-stone-600 | stroke: #57534e; |
| stroke-stone-700 | stroke: #44403c; |
| stroke-stone-800 | stroke: #292524; |
| stroke-stone-900 | stroke: #1c1917; |
| stroke-stone-950 | stroke: #0c0a09; |
| stroke-red-50 | stroke: #fef2f2; |
| stroke-red-100 | stroke: #fee2e2; |
| stroke-red-200 | stroke: #fecaca; |
| stroke-red-300 | stroke: #fca5a5; |
| stroke-red-400 | stroke: #f87171; |
| stroke-red-500 | stroke: #ef4444; |
| stroke-red-600 | stroke: #dc2626; |
| stroke-red-700 | stroke: #b91c1c; |
| stroke-red-800 | stroke: #991b1b; |
| stroke-red-900 | stroke: #7f1d1d; |
| stroke-red-950 | stroke: #450a0a; |
| stroke-orange-50 | stroke: #fff7ed; |
| stroke-orange-100 | stroke: #ffedd5; |
| stroke-orange-200 | stroke: #fed7aa; |
| stroke-orange-300 | stroke: #fdba74; |
| stroke-orange-400 | stroke: #fb923c; |
| stroke-orange-500 | stroke: #f97316; |
| stroke-orange-600 | stroke: #ea580c; |
| stroke-orange-700 | stroke: #c2410c; |
| stroke-orange-800 | stroke: #9a3412; |
| stroke-orange-900 | stroke: #7c2d12; |
| stroke-orange-950 | stroke: #431407; |
| stroke-amber-50 | stroke: #fffbeb; |
| stroke-amber-100 | stroke: #fef3c7; |
| stroke-amber-200 | stroke: #fde68a; |
| stroke-amber-300 | stroke: #fcd34d; |
| stroke-amber-400 | stroke: #fbbf24; |
| stroke-amber-500 | stroke: #f59e0b; |
| stroke-amber-600 | stroke: #d97706; |
| stroke-amber-700 | stroke: #b45309; |
| stroke-amber-800 | stroke: #92400e; |
| stroke-amber-900 | stroke: #78350f; |
| stroke-amber-950 | stroke: #451a03; |
| stroke-yellow-50 | stroke: #fefce8; |
| stroke-yellow-100 | stroke: #fef9c3; |
| stroke-yellow-200 | stroke: #fef08a; |
| stroke-yellow-300 | stroke: #fde047; |
| stroke-yellow-400 | stroke: #facc15; |
| stroke-yellow-500 | stroke: #eab308; |
| stroke-yellow-600 | stroke: #ca8a04; |
| stroke-yellow-700 | stroke: #a16207; |
| stroke-yellow-800 | stroke: #854d0e; |
| stroke-yellow-900 | stroke: #713f12; |
| stroke-yellow-950 | stroke: #422006; |
| stroke-lime-50 | stroke: #f7fee7; |
| stroke-lime-100 | stroke: #ecfccb; |
| stroke-lime-200 | stroke: #d9f99d; |
| stroke-lime-300 | stroke: #bef264; |
| stroke-lime-400 | stroke: #a3e635; |
| stroke-lime-500 | stroke: #84cc16; |
| stroke-lime-600 | stroke: #65a30d; |
| stroke-lime-700 | stroke: #4d7c0f; |
| stroke-lime-800 | stroke: #3f6212; |
| stroke-lime-900 | stroke: #365314; |
| stroke-lime-950 | stroke: #1a2e05; |
| stroke-green-50 | stroke: #f0fdf4; |
| stroke-green-100 | stroke: #dcfce7; |
| stroke-green-200 | stroke: #bbf7d0; |
| stroke-green-300 | stroke: #86efac; |
| stroke-green-400 | stroke: #4ade80; |
| stroke-green-500 | stroke: #22c55e; |
| stroke-green-600 | stroke: #16a34a; |
| stroke-green-700 | stroke: #15803d; |
| stroke-green-800 | stroke: #166534; |
| stroke-green-900 | stroke: #14532d; |
| stroke-green-950 | stroke: #052e16; |
| stroke-emerald-50 | stroke: #ecfdf5; |
| stroke-emerald-100 | stroke: #d1fae5; |
| stroke-emerald-200 | stroke: #a7f3d0; |
| stroke-emerald-300 | stroke: #6ee7b7; |
| stroke-emerald-400 | stroke: #34d399; |
| stroke-emerald-500 | stroke: #10b981; |
| stroke-emerald-600 | stroke: #059669; |
| stroke-emerald-700 | stroke: #047857; |
| stroke-emerald-800 | stroke: #065f46; |
| stroke-emerald-900 | stroke: #064e3b; |
| stroke-emerald-950 | stroke: #022c22; |
| stroke-teal-50 | stroke: #f0fdfa; |
| stroke-teal-100 | stroke: #ccfbf1; |
| stroke-teal-200 | stroke: #99f6e4; |
| stroke-teal-300 | stroke: #5eead4; |
| stroke-teal-400 | stroke: #2dd4bf; |
| stroke-teal-500 | stroke: #14b8a6; |
| stroke-teal-600 | stroke: #0d9488; |
| stroke-teal-700 | stroke: #0f766e; |
| stroke-teal-800 | stroke: #115e59; |
| stroke-teal-900 | stroke: #134e4a; |
| stroke-teal-950 | stroke: #042f2e; |
| stroke-cyan-50 | stroke: #ecfeff; |
| stroke-cyan-100 | stroke: #cffafe; |
| stroke-cyan-200 | stroke: #a5f3fc; |
| stroke-cyan-300 | stroke: #67e8f9; |
| stroke-cyan-400 | stroke: #22d3ee; |
| stroke-cyan-500 | stroke: #06b6d4; |
| stroke-cyan-600 | stroke: #0891b2; |
| stroke-cyan-700 | stroke: #0e7490; |
| stroke-cyan-800 | stroke: #155e75; |
| stroke-cyan-900 | stroke: #164e63; |
| stroke-cyan-950 | stroke: #083344; |
| stroke-sky-50 | stroke: #f0f9ff; |
| stroke-sky-100 | stroke: #e0f2fe; |
| stroke-sky-200 | stroke: #bae6fd; |
| stroke-sky-300 | stroke: #7dd3fc; |
| stroke-sky-400 | stroke: #38bdf8; |
| stroke-sky-500 | stroke: #0ea5e9; |
| stroke-sky-600 | stroke: #0284c7; |
| stroke-sky-700 | stroke: #0369a1; |
| stroke-sky-800 | stroke: #075985; |
| stroke-sky-900 | stroke: #0c4a6e; |
| stroke-sky-950 | stroke: #082f49; |
| stroke-blue-50 | stroke: #eff6ff; |
| stroke-blue-100 | stroke: #dbeafe; |
| stroke-blue-200 | stroke: #bfdbfe; |
| stroke-blue-300 | stroke: #93c5fd; |
| stroke-blue-400 | stroke: #60a5fa; |
| stroke-blue-500 | stroke: #3b82f6; |
| stroke-blue-600 | stroke: #2563eb; |
| stroke-blue-700 | stroke: #1d4ed8; |
| stroke-blue-800 | stroke: #1e40af; |
| stroke-blue-900 | stroke: #1e3a8a; |
| stroke-blue-950 | stroke: #172554; |
| stroke-indigo-50 | stroke: #eef2ff; |
| stroke-indigo-100 | stroke: #e0e7ff; |
| stroke-indigo-200 | stroke: #c7d2fe; |
| stroke-indigo-300 | stroke: #a5b4fc; |
| stroke-indigo-400 | stroke: #818cf8; |
| stroke-indigo-500 | stroke: #6366f1; |
| stroke-indigo-600 | stroke: #4f46e5; |
| stroke-indigo-700 | stroke: #4338ca; |
| stroke-indigo-800 | stroke: #3730a3; |
| stroke-indigo-900 | stroke: #312e81; |
| stroke-indigo-950 | stroke: #1e1b4b; |
| stroke-violet-50 | stroke: #f5f3ff; |
| stroke-violet-100 | stroke: #ede9fe; |
| stroke-violet-200 | stroke: #ddd6fe; |
| stroke-violet-300 | stroke: #c4b5fd; |
| stroke-violet-400 | stroke: #a78bfa; |
| stroke-violet-500 | stroke: #8b5cf6; |
| stroke-violet-600 | stroke: #7c3aed; |
| stroke-violet-700 | stroke: #6d28d9; |
| stroke-violet-800 | stroke: #5b21b6; |
| stroke-violet-900 | stroke: #4c1d95; |
| stroke-violet-950 | stroke: #2e1065; |
| stroke-purple-50 | stroke: #faf5ff; |
| stroke-purple-100 | stroke: #f3e8ff; |
| stroke-purple-200 | stroke: #e9d5ff; |
| stroke-purple-300 | stroke: #d8b4fe; |
| stroke-purple-400 | stroke: #c084fc; |
| stroke-purple-500 | stroke: #a855f7; |
| stroke-purple-600 | stroke: #9333ea; |
| stroke-purple-700 | stroke: #7e22ce; |
| stroke-purple-800 | stroke: #6b21a8; |
| stroke-purple-900 | stroke: #581c87; |
| stroke-purple-950 | stroke: #3b0764; |
| stroke-fuchsia-50 | stroke: #fdf4ff; |
| stroke-fuchsia-100 | stroke: #fae8ff; |
| stroke-fuchsia-200 | stroke: #f5d0fe; |
| stroke-fuchsia-300 | stroke: #f0abfc; |
| stroke-fuchsia-400 | stroke: #e879f9; |
| stroke-fuchsia-500 | stroke: #d946ef; |
| stroke-fuchsia-600 | stroke: #c026d3; |
| stroke-fuchsia-700 | stroke: #a21caf; |
| stroke-fuchsia-800 | stroke: #86198f; |
| stroke-fuchsia-900 | stroke: #701a75; |
| stroke-fuchsia-950 | stroke: #4a044e; |
| stroke-pink-50 | stroke: #fdf2f8; |
| stroke-pink-100 | stroke: #fce7f3; |
| stroke-pink-200 | stroke: #fbcfe8; |
| stroke-pink-300 | stroke: #f9a8d4; |
| stroke-pink-400 | stroke: #f472b6; |
| stroke-pink-500 | stroke: #ec4899; |
| stroke-pink-600 | stroke: #db2777; |
| stroke-pink-700 | stroke: #be185d; |
| stroke-pink-800 | stroke: #9d174d; |
| stroke-pink-900 | stroke: #831843; |
| stroke-pink-950 | stroke: #500724; |
| stroke-rose-50 | stroke: #fff1f2; |
| stroke-rose-100 | stroke: #ffe4e6; |
| stroke-rose-200 | stroke: #fecdd3; |
| stroke-rose-300 | stroke: #fda4af; |
| stroke-rose-400 | stroke: #fb7185; |
| stroke-rose-500 | stroke: #f43f5e; |
| stroke-rose-600 | stroke: #e11d48; |
| stroke-rose-700 | stroke: #be123c; |
| stroke-rose-800 | stroke: #9f1239; |
| stroke-rose-900 | stroke: #881337; |
| stroke-rose-950 | stroke: #4c0519; |
stroke width
| Tailwind CSS | CSS |
|---|---|
| stroke-0 | stroke-width: 0; |
| stroke-1 | stroke-width: 1; |
| stroke-2 | stroke-width: 2; |
screen readers
| Tailwind CSS | CSS |
|---|---|
| sr-only | position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; |
| not-sr-only | position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; |
forced color adjust
| Tailwind CSS | CSS |
|---|---|
| forced-color-adjust-auto | forced-color-adjust: auto; |
| forced-color-adjust-none | forced-color-adjust: none; |